Wie verwende ich .toLocaleTimeString (), ohne Sekunden anzuzeigen?

Ich versuche gerade, die Zeit des Benutzers anzuzeigen, ohne die Sekunden anzuzeigen. Gibt es eine Möglichkeit, dies mit .toLocaleTimeString () von Javascript zu tun?

So etwas machen:

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

zeigt die Zeit des Benutzers mit jedem Gerät an, z. B. zeigt es derzeit 3:39:15 PM an. Kann ich dieselbe Zeichenfolge nur ohne Sekunden anzeigen? (zB 15.39 Uhr)

Sie können jederzeit die Optionen festlegen, basierend auf dieser Seite, die Sie festlegen können, um die Sekunden loszuwerden

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

Unterstützt von Firefox, Chrome, IE9 + und Opera. Probieren Sie es in Ihrer Webbrowser-Konsole aus.

Das funktioniert bei mir:

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

Der von Date.prototype.toLocaleString zurückgegebene Wert ist implementierungsabhängig, sodass Sie das erhalten, was Sie erhalten. Sie können versuchen, die Zeichenfolge zu analysieren, um Sekunden zu entfernen. In verschiedenen Browsern kann dies jedoch unterschiedlich sein, sodass Sie jeden verwendeten Browser berücksichtigen müssen.

Das Erstellen eines eigenen, eindeutigen Formats ist mit Datumsmethoden nicht schwierig. Beispielsweise:

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');
}

Mit Gebietsschemas:

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

Ich habe auch nach einer Lösung für dieses Problem gesucht. Folgendes habe ich mir schließlich ausgedacht:

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;
}

Sie können es hier versuchen: http://jsfiddle.net/B5Zrx/

\ u200E ist ein Formatierungszeichen, das ich in einer IE-Version gesehen habe (es ist eine Unicode-Markierung von links nach rechts).

Ich gehe davon aus, dass, wenn die formatierte Zeit etwas wie "XX: XX: XX" enthält, es Zeit mit Sekunden sein muss und ich den letzten Teil entferne. Wenn ich dieses Muster nicht finde, wird nichts geändert. Ziemlich sicher, aber es besteht die Gefahr, dass unter seltsamen Umständen Sekunden verbleiben.

Ich hoffe nur, dass es kein Gebietsschema gibt, das die Reihenfolge der formatierten Zeitteile ändern würde (z. B. ss: mm: hh). Diese Markierung von links nach rechts macht mich allerdings etwas nervös, deshalb entferne ich die Markierung von rechts nach links (\ u202E) nicht - ich ziehe es vor, in diesem Fall keine Übereinstimmung zu finden und die zu verlassen Zeit in diesem Fall mit Sekunden formatiert.

Sie können dies versuchen, was für meine Bedürfnisse funktioniert.

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

oder

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

Hier ist eine Funktion, die dies tut, mit Kommentaren, die erklären:

  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
  }

Da toLocaleTimeString (), wie andere angemerkt haben, in verschiedenen Browsern unterschiedlich implementiert werden kann, bietet diese Methode eine bessere Kontrolle.

Um mehr über das Javascript Date-Objekt zu erfahren, ist dies eine gute Ressource: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Ich denke, die ursprüngliche Frage kann leicht beantwortet werden, indem etwas übersehen wird: ein einfacher String-Split. Die zurückgegebene Zeit ist eine Textzeichenfolge. Teilen Sie sie einfach im Trennzeichen ":" auf und setzen Sie die Zeichenfolge nach Ihren Wünschen wieder zusammen. Keine Plug-Ins, keine komplizierten Skripte. und los geht's:

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;
}

Obwohl dies eine ältere Frage ist, hatte ich kürzlich selbst dieselbe und fand eine einfachere Lösung mit regulären Ausdrücken und der Funktion zum Ersetzen von Zeichenfolgen als weitere Alternative (keine Notwendigkeit für externe js-Bibliotheken oder Vertrauen in die ECMAScript-Internalisierungs-API). ::

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

Bei diesem Ansatz wird ein Regex-Look-Ahead verwendet, um das: ss AM / PM-Ende der Zeichenfolge zu erfassen, und der: ss-Teil wird durch ein Leerzeichen ersetzt, wobei der Rest der Zeichenfolge unberührt bleibt. (Wörtlich gesagt: "Suchen Sie einen Doppelpunkt mit zwei Ziffern und einem Leerzeichen, gefolgt von AM oder PM, und ersetzen Sie den Doppelpunkt, zwei Ziffern und den Leerzeichenbereich durch nur ein Leerzeichen.)

Dieser Ausdruck / Ansatz funktioniert nur für Gebietsschemas in den USA und in den USA. Wenn Sie auch ein ähnliches Ergebnis mit beispielsweise britischem Englisch (en-GB) erzielen möchten, das kein AM / PM verwendet, ist ein anderer regulärer Ausdruck erforderlich.

Basierend auf der Beispielausgabe des ursprünglichen Fragestellers gehe ich davon aus, dass sie sich hauptsächlich mit dem amerikanischen Publikum und dem Zeitschema der USA befassten.

Konvertieren Sie einfach das Datum in eine Zeichenfolge und verketten Sie dann die gewünschten Teilzeichenfolgen.

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