Come posso usare .toLocaleTimeString () senza visualizzare i secondi?

Attualmente sto tentando di visualizzare l'ora dell'utente senza visualizzare i secondi. C'è un modo per farlo usando Javascript .toLocaleTimeString ()?

Fare qualcosa del genere:

var date = new Date();
var string = date.toLocaleTimeString();

visualizzerà l'ora dell'utente con ogni unità, ad es. attualmente mostra 15:39:15. Sono in grado di visualizzare quella stessa stringa, solo senza i secondi? (ad es. 15:39)

Puoi sempre impostare le opzioni, in base a questa pagina che puoi impostare, per sbarazzarti dei secondi, qualcosa del genere

var dateWithouthSecond = new Date();
dateWithouthSecond.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});

Supportato da Firefox, Chrome, IE9 + e Opera. Provalo sulla tua console del browser web.

Questo funziona per me:

var date = new Date();
var string = date.toLocaleTimeString([], {timeStyle: 'short'});

Il valore restituito da Date.prototype.toLocaleString dipende dall'implementazione, quindi ottieni quello che ottieni. Puoi provare ad analizzare la stringa per rimuovere i secondi, ma potrebbe essere diversa nei diversi browser, quindi dovrai tenere conto di ogni browser in uso.

Creare il tuo formato non ambiguo non è difficile usando i metodi Date. Per esempio:

function formatTimeHHMMA(d) {
  function z(n){return (n<10?'0':'')+n}
  var h = d.getHours();
  return (h%12 || 12) + ':' + z(d.getMinutes()) + ' ' + (h<12? 'AM' :'PM');
}

Con i locali:

var date = new Date();
date.toLocaleTimeString('fr-FR', {hour: '2-digit', minute: '2-digit'})

Ho anche cercato una soluzione a questo problema, ecco cosa mi è venuto in mente:

function getTimeStr() {
    var dt = new Date();
    var d = dt.toLocaleDateString();
    var t = dt.toLocaleTimeString();
    t = t.replace(/\u200E/g, '');
    t = t.replace(/^([^\d]*\d{1,2}:\d{1,2}):\d{1,2}([^\d]*)$/, '$1$2');
    var result = d + ' ' + t;
    return result;
}

Puoi provarlo qui: http://jsfiddle.net/B5Zrx/

\ u200E è un personaggio di formattazione che ho visto in alcune versioni di IE (è unicode da sinistra a destra).

Suppongo che se il tempo formattato contiene qualcosa come "XX: XX: XX", allora deve essere il tempo con i secondi e rimuovo l'ultima parte, se non trovo questo modello, nulla è cambiato. Abbastanza sicuro, ma c'è il rischio di lasciare secondi in alcune strane circostanze.

Spero solo che non ci siano impostazioni locali che possano modificare l'ordine delle parti temporali formattate (ad es. Renderlo ss: mm: hh). Questo segno da sinistra a destra mi rende un po 'nervoso al riguardo, ecco perché non rimuovo il segno da destra a sinistra (\ u202E) - In questo caso preferisco non trovare una corrispondenza e lasciare il tempo formattato con secondi in tal caso.

Puoi provare questo, che funziona per le mie esigenze.

var d = new Date();
d.toLocaleTimeString().replace(/:\d{2}\s/,' ');

o

d.toLocaleString().replace(/:\d{2}\s/,' ');

Ecco una funzione che lo farà, con commenti che spiegano:

  function displayNiceTime(date){
    // getHours returns the hours in local time zone from 0 to 23
    var hours = date.getHours()
    // getMinutes returns the minutes in local time zone from 0 to 59
    var minutes =  date.getMinutes()
    var meridiem = " AM"

    // convert to 12-hour time format
    if (hours > 12) {
      hours = hours - 12
      meridiem = ' PM'
    }
    else if (hours === 0){
      hours = 12
    }

    // minutes should always be two digits long
    if (minutes < 10) {
      minutes = "0" + minutes.toString()
    }
    return hours + ':' + minutes + meridiem
  }

Dal momento che, come altri hanno notato, toLocaleTimeString () può essere implementato in modo diverso nei diversi browser, in questo modo offre un controllo migliore.

Per saperne di più sull'oggetto Date di Javascript, questa è una buona risorsa: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Penso che alla domanda originale si possa facilmente rispondere con qualcosa che finora è stato trascurato: una semplice suddivisione in stringhe. Il tempo restituito è una stringa di testo, basta dividerlo nel delimitatore ":" e riassemblare la stringa nel modo desiderato. Nessun plug-in, nessun script complicato. e qui vai:

var myVar=setInterval(function(){myTimer()},1000);

function myTimer() {
    var d = new Date();
    currentNow = d.toLocaleTimeString();
    nowArray = currentNow.split(':');
    filteredNow = nowArray[0]+':'+nowArray[1];
    document.getElementById("demo").innerHTML = filteredNow;
}

Anche se questa è una domanda più vecchia, di recente ho avuto lo stesso me stesso, e ho trovato una soluzione più semplice usando espressioni regolari e la funzione di sostituzione della stringa come un'altra alternativa (non sono necessarie librerie js esterne o utilizzo dell'API di internalizzazione ECMAScript) :

var d = new Date();
var localeTime = d.toLocaleTimeString();
var localeTimeSansSeconds = localeTime.replace(/:(\d{2}) (?=[AP]M)/, " ");

Questo approccio utilizza un regex look-ahead per afferrare l'estremità: ss AM / PM della stringa e sostituisce la parte: ss con uno spazio, restituendo il resto della stringa intatta. (Letteralmente dice "Trova i due punti con due cifre e uno spazio seguito da AM o PM e sostituisci i due punti, due cifre e la porzione di spazio con solo uno spazio).

Questa espressione / approccio funziona solo per le versioni locali degli Stati Uniti e degli Stati Uniti. Se anche tu volevi un risultato simile con, diciamo, inglese britannico (en-GB), che non usa AM / PM, è necessaria una diversa espressione regolare.

Sulla base dell'output di esempio dell'interrogatore originale, suppongo che si occupassero principalmente del pubblico americano e dello schema temporale en-US.

Converti semplicemente la data in una stringa, quindi concatena le sottostringhe che desideri.

let time = date.toLocaleTimeString();
console.log(time.substr(0, 4) + time.substr(7, 3))
//=> 5:45 PM