Jak używać .toLocaleTimeString () bez wyświetlania sekund?

Obecnie próbuję wyświetlić czas użytkownika bez wyświetlania sekund. Czy istnieje sposób, aby to zrobić za pomocą .toLocaleTimeString () JavaScript?

Robię coś takiego:

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

wyświetli czas użytkownika z każdą jednostką, np. obecnie wyświetla 3:39:15 PM. Czy mogę wyświetlić ten sam ciąg, bez sekund? (np. 15:39)

Zawsze możesz ustawić opcje, na podstawie tej strony, którą możesz ustawić, aby pozbyć się sekund, coś takiego

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

Obsługiwane przez Firefox, Chrome, IE9 + i Opera. Wypróbuj na konsoli przeglądarki internetowej.

To działa dla mnie:

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

Wartość zwracana przez Date.prototype.toLocaleString jest zależna od implementacji, więc otrzymujesz to, co otrzymujesz. Możesz spróbować przeanalizować ciąg, aby usunąć sekundy, ale może on być inny w różnych przeglądarkach, więc musisz uwzględnić każdą używaną przeglądarkę.

Tworzenie własnego, jednoznacznego formatu przy użyciu metod Date nie jest trudne. Na przykład:

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

Z lokalizacjami:

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

Szukałem też rozwiązania tego problemu, oto co ostatecznie wymyśliłem:

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

Możesz spróbować tutaj: http://jsfiddle.net/B5Zrx/

\ u200E to jakiś znak formatujący, który widziałem w niektórych wersjach IE (jest to znak Unicode od lewej do prawej).

Zakładam, że jeśli sformatowany czas zawiera coś w rodzaju „XX: XX: XX” to musi to być czas z sekundami i usuwam ostatnią część, jeśli nie znajdę tego wzorca, nic się nie zmienia. Całkiem bezpieczne, ale istnieje ryzyko, że w dziwnych okolicznościach zostawisz kilka sekund.

Mam tylko nadzieję, że nie ma ustawień regionalnych, które zmieniłyby kolejność sformatowanych części czasu (np. Sprawiły, że ss: mm: hh). Ten znak od lewej do prawej trochę mnie denerwuje, dlatego nie usuwam znaku od prawej do lewej (\ u202E) - wolę w tym przypadku nie szukać dopasowania i zostawić w takim przypadku czas sformatowany w sekundach.

Możesz spróbować tego, co działa na moje potrzeby.

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

lub

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

Oto funkcja, która to zrobi, z komentarzami, które wyjaśniają:

  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
  }

Ponieważ, jak zauważyli inni, toLocaleTimeString () może być implementowane w różny sposób w różnych przeglądarkach, zapewnia to lepszą kontrolę.

Aby dowiedzieć się więcej o obiekcie Javascript Date, jest to dobre źródło: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Myślę, że na pierwotne pytanie można łatwo odpowiedzieć, pozostawiając coś przeoczonego do tej pory: prosty podział na ciąg. Zwracany czas jest ciągiem tekstowym, po prostu podziel go na ogranicznik „:” i złóż ciąg w dowolny sposób. Bez wtyczek, bez skomplikowanych skryptów. i proszę bardzo:

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

Chociaż jest to starsze pytanie, ostatnio miałem to samo i wymyśliłem prostsze rozwiązanie, używając wyrażeń regularnych i funkcji zastępowania ciągów jako innej alternatywy (nie ma potrzeby korzystania z zewnętrznych bibliotek js ani polegania na interfejsie API internalizacji ECMAScript) :

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

To podejście wykorzystuje regex look-ahead do przechwycenia: ss końca łańcucha AM / PM i zastępuje część: ss spacją, zwracając resztę łańcucha nietkniętą. (Dosłownie mówi „Znajdź dwukropek z dwiema cyframi i spacją, po której następuje AM lub PM i zastąp dwukropek, dwie cyfry i część spacji tylko spacją).

To wyrażenie / podejście działa tylko w przypadku lokalizacji en-US i en-US-like. Jeśli chciałbyś uzyskać podobny wynik z, powiedzmy, brytyjskim angielskim (en-GB), który nie używa AM / PM, potrzebne jest inne wyrażenie regularne.

Opierając się na przykładowych wynikach oryginalnego pytającego, zakładam, że miały one do czynienia głównie z amerykańską publicznością i schematem czasu en-US.

Po prostu przekonwertuj datę na ciąg, a następnie połącz żądane podciągi.

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