Konwertuj uniksowy znacznik czasu na czas w JavaScript


1157

Przechowuję czas w bazie danych MySQL jako uniksowy znacznik czasu, który jest wysyłany do kodu JavaScript. Jak mam z tego skorzystać?

Na przykład w formacie GG / MM / SS.


5
Wystarczy pomnożyć przez 1000, ponieważ znaczniki czasu JS są w milisekundach, a PHP dostarcza w kilka sekund.
ankr

Oto bardzo przydatny link z innym formatem daty: timestamp.online/article/… Połącz z pomnożeniem przez 1000, a zadanie zostanie wykonane!
Kevin Lemaire

Odpowiedzi:


1731

let unix_timestamp = 1549312452
// Create a new JavaScript Date object based on the timestamp
// multiplied by 1000 so that the argument is in milliseconds, not seconds.
var date = new Date(unix_timestamp * 1000);
// Hours part from the timestamp
var hours = date.getHours();
// Minutes part from the timestamp
var minutes = "0" + date.getMinutes();
// Seconds part from the timestamp
var seconds = "0" + date.getSeconds();

// Will display time in 10:30:23 format
var formattedTime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);

console.log(formattedTime);

Więcej informacji na temat obiektu Date można znaleźć w specyfikacji MDN lub specyfikacji ECMAScript 5 .


114
Multiplikacje @nickf są proste na współczesnych procesorach - łączenie łańcuchów będzie wymagało dużo więcej pracy!
Alnitak,

4
Łączenie powinno polegać na czytaniu i zapisywaniu pamięci. Jak ktoś mógłby zaprojektować coś, co wymaga czegoś prostego, takiego jak dołączanie i uczynić to bardziej skomplikowanym niż mnożenie ... poprosić dziecko o połączenie i może ... powielanie jest trudniejsze ... plus pamięć jest przystosowana do działania liniowo anyawyas ... Czy ktoś może podać odniesienie do komentarza @nickf?

29
W rzeczywistości będzie wyświetlać czas w formacie „10: 2: 2”, ponieważ nie dodaje dodatkowych 0 przed wartościami poniżej 10.
Fireblaze,

16
@ user656925 - Mnożenie obejmuje liczby, konkatenacja obejmuje łańcuchy. Komputery radzą sobie z liczbami znacznie wydajniej niż ciągi. Po zakończeniu łączenia łańcuchów w tle dzieje się dużo zarządzania pamięcią. (Jeśli jednak i tak już robisz konkatenację łańcuchów, wówczas dodanie kilku dodatkowych znaków do jednego z łańcuchów może być w rzeczywistości średnio mniej kosztowne niż jeden procesor potrzebny do pomnożenia dwóch liczb razem.)
Brilliand,

6
Obliczanie liczby @Stallmana jest najbardziej podstawową rzeczą, jaką robią komputery, i są w tym niezwykle wydajne, zarówno pod względem pamięci, jak i czasu wykonywania. Powyższy komentarz Brillianda jest istotny, chociaż IMHO ostatnia część jego komentarza jest całkowicie nieprawdziwa.
Alnitak,

297

function timeConverter(UNIX_timestamp){
  var a = new Date(UNIX_timestamp * 1000);
  var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  var year = a.getFullYear();
  var month = months[a.getMonth()];
  var date = a.getDate();
  var hour = a.getHours();
  var min = a.getMinutes();
  var sec = a.getSeconds();
  var time = date + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec ;
  return time;
}
console.log(timeConverter(0));


dla HH / MM / SS użyj tylko trzech ostatnich zmiennych, a to będzie czas lokalny, ale jeśli chcesz uzyskać czas UTC, po prostu użyj metod getUTC. Oto kod.
shomrat

36
Użyłem tego rozwiązania, ale poprawiłem go tak, aby minuty i sekundy var min = a.getMinutes() < 10 ? '0' + a.getMinutes() : a.getMinutes(); var sec = a.getSeconds() < 10 ? '0' + a.getSeconds() : a.getSeconds();
pojawiały

3
Błąd: getMonth()zwraca liczbę miesiąca od 0 do 11, więc a.getMonth() - 1jest niepoprawna.
jcampbell1

195

JavaScript działa w milisekundach, więc najpierw musisz przekonwertować znacznik czasu UNIX z sekund na milisekundy.

var date = new Date(UNIX_Timestamp * 1000);
// Manipulate JavaScript Date object here...

80

Jestem częściowo zwolennikiem Date.format()biblioteki Jacoba Wrighta , która implementuje formatowanie daty JavaScript w stylu funkcji PHP date().

new Date(unix_timestamp * 1000).format('h:i:s')

12
Wiem, że była to dobra odpowiedź już za kilka dni, ale obecnie rozszerzanie natywnych obiektów js jest anty-wzorcem.
Peter

3
Nie działa (już?) W węźle js format is not a function. Ale to najwyraźniej działa: stackoverflow.com/a/34015511/7550772
ibodi

71

Posługiwać się:

var s = new Date(1504095567183).toLocaleDateString("en-US")
console.log(s)
// expected output "8/30/2017"  

i na czas:

var s = new Date(1504095567183).toLocaleTimeString("en-US")
console.log(s)
// expected output "3:19:27 PM"

zobacz Date.prototype.toLocaleDateString ()


Jest to polecenie pobierania daty (M / D / RRRR), a nie godziny (GG / MM / SS) zgodnie z żądaniem.
Wolfgang

2
tylko uwaga, liczba „1504095567183” to unix_timestamp * 1000
camillo777

1
Ponadto toLocaleStringzawiera datę i godzinę.
Sean

56

Oto najkrótsze jedno-liniowe rozwiązanie do formatowania sekund jako hh:mm:ss:

/**
 * Convert seconds to time string (hh:mm:ss).
 *
 * @param Number s
 *
 * @return String
 */
function time(s) {
    return new Date(s * 1e3).toISOString().slice(-13, -5);
}

console.log( time(12345) );  // "03:25:45"

Metoda Date.prototype.toISOString()zwraca czas w uproszczonym rozszerzonym formacie ISO 8601 , który zawsze ma 24 lub 27 znaków (tj. YYYY-MM-DDTHH:mm:ss.sssZLub ±YYYYYY-MM-DDTHH:mm:ss.sssZodpowiednio). Strefa czasowa ma zawsze zerowe przesunięcie UTC.

Uwaga: to rozwiązanie nie wymaga bibliotek stron trzecich i jest obsługiwane we wszystkich nowoczesnych przeglądarkach i silnikach JavaScript.


Wklejam twoją funkcję w konsoli Chrome: / Nawet w skrzypcach pokazuje mi 01:02:00! Próbowałem na Firefox, te same wyniki. Bardzo dziwne ... Jestem pewien, że to dlatego, że jestem GMT + 1!
Steve Chamaillard,

Zaproponowałem edycję twojej odpowiedzi, która ignoruje każdą strefę czasową, więc zawsze będzie wyświetlać odpowiednią sformatowaną wartość!
Steve Chamaillard,

1
@ SteveChamaillard Dziękuję, Steve. Miałeś rację, toTimeStringnie działał dobrze ze strefami czasowymi. Niestety twoja edycja została odrzucona, zanim ją zobaczyłem. Sugeruję jednak użycie toISOStringzamiast tego, ponieważ toGMTStringjest przestarzałe i może zwracać różne wyniki na różnych platformach.
VisioN

Jeszcze krótszy z ES6: let time = s => new Date (s * 1e3) .toISOString (). Slice (-13, -5)
SamGoody

28

Pomyślałbym o użyciu biblioteki takiej jak momentjs.com , która sprawia, że ​​to naprawdę proste:

Na podstawie uniksowego znacznika czasu:

var timestamp = moment.unix(1293683278);
console.log( timestamp.format("HH/mm/ss") );

Na podstawie ciągu daty MySQL:

var now = moment("2010-10-10 12:03:15");
console.log( now.format("HH/mm/ss") );

3
Kolejną zaletą pliku mom.js (lub podobnych bibliotek lib) byłoby wsparcie względnego czasu dla wiadomości typu „6 godzin temu”.
martin

W twoich console.logprzykładach byłem zdezorientowany co do formatu z powodu /, ale bardzo mi to pomogło.
NetOperator Wibby

Mój znacznik czasu jest w formacie UTC. Jakieś zmiany, które muszę tu wprowadzić? Jak mogę dostać am / pm?
kodek

moment.js jest zbyt przesadną sprawą, aby zrobić tak małą rzecz i wpłynie na twoją wydajność. Zamiast tego używaj metod rodzimych, por. Odpowiedź Dana Alboteanu
Robin Métral

22

Sygnatura czasowa UNIX to liczba sekund od 00:00:00 UTC 1 stycznia 1970 r. (Zgodnie z Wikipedią ).

Argumentem obiektu Date w Javascript jest liczba milisekund od 00:00:00 UTC 1 stycznia 1970 r. (Zgodnie z dokumentacją W3Schools Javascript ).

Zobacz na przykład poniższy kod:

    function tm(unix_tm) {
        var dt = new Date(unix_tm*1000);
        document.writeln(dt.getHours() + '/' + dt.getMinutes() + '/' + dt.getSeconds() + ' -- ' + dt + '<br>');

    }

tm(60);
tm(86400);

daje:

1/1/0 -- Thu Jan 01 1970 01:01:00 GMT+0100 (Central European Standard Time)
1/0/0 -- Fri Jan 02 1970 01:00:00 GMT+0100 (Central European Standard Time)

19

najkrótsze jedno-liniowe rozwiązanie do formatowania sekund jako hh: mm: ss: wariant:

console.log(new Date(1549312452 * 1000).toISOString().slice(0, 19).replace('T', ' '));
// "2019-02-04 20:34:12"


1
gdy używam tego z datownikami PHP unix, z jakiegoś powodu otrzymuję + 5h niż faktyczny czas: /
keanu_reeves

2
@keanu_reeves - brzmi jak we wschodniej strefie czasowej USA, a sygnatury czasowe to UTC. Spróbuj usunąć .slice (0,19) i myślę, że zobaczysz, że strefa czasowa wyniku to Z (Zulu).
bitfiddler,

17

Korzystając z Moment.js , możesz uzyskać godzinę i datę w następujący sposób:

var dateTimeString = moment(1439198499).format("DD-MM-YYYY HH:mm:ss");

Dzięki temu możesz uzyskać tylko czas:

var timeString = moment(1439198499).format("HH:mm:ss");

Czy wiesz, jak to zrobić wstecz, na przykład konwertując ten format DD-MM-RRRR GG: mm: ss na coś takiego 1439198499?
Kemat Rochi

Cześć Kemat, Możesz to zrobić w tym momencie oświadczenia („2009-07-15 00:00:00”). Unix ()
Peter T.

Mój znacznik czasu jest w formacie UTC. Jakaś różnica, którą muszę tu wprowadzić? Jak mogę dostać am / pm?
kodek

Możesz łatwo przekonwertować znacznik czasu na datę usign momentJS, sprawdź
Laeeq

15

Problem z wyżej wymienionymi rozwiązaniami polega na tym, że jeśli godzina, minuta lub sekunda ma tylko jedną cyfrę (tj. 0–9), to czas byłby niewłaściwy, np. Mógłby to być 2: 3: 9, ale raczej powinien to być 02: 03:09.

Według tej strony lepszym rozwiązaniem wydaje się zastosowanie metody „toLocaleTimeString” Date.


5
w przypadku większości rozwiązań internetowych jest to najbardziej poprawna odpowiedź, ponieważ korzysta z ustawień regionalnych klienta, np. w formacie 24-godzinnym i 12-godzinnym. Jako ciąg czasu użyjesz:date.toLocaleTimeString()
Bachi

1
Nie stanie się to z toTimeStringmetodą. Sprawdź tutaj: stackoverflow.com/a/35890537/1249581 .
VisioN

14

Innym sposobem - od daty ISO 8601 .

var timestamp = 1293683278;
var date = new Date(timestamp * 1000);
var iso = date.toISOString().match(/(\d{2}:\d{2}:\d{2})/)
alert(iso[1]);


Dostaję komunikat „Obiekt ... nie ma metody 'toISOString'”
Aviram Netanel

Mój znacznik czasu jest w formacie UTC. Jakaś różnica, którą muszę tu wprowadzić? Jak mogę dostać am / pm?
kodek

13

Za chwilę musisz użyć uniksowego znacznika czasu:

var dateTimeString = moment.unix(1466760005).format("DD-MM-YYYY HH:mm:ss");

10

W oparciu o odpowiedź @ shomrat, oto fragment, który automatycznie zapisuje datę i godzinę w ten sposób (nieco podobny do daty StackOverflow dla odpowiedzi:) answered Nov 6 '16 at 11:51:

today, 11:23

lub

yersterday, 11:23

lub (jeśli inny, ale ten sam rok niż dzisiaj)

6 Nov, 11:23

lub (jeśli inny rok niż dzisiaj)

6 Nov 2016, 11:23

function timeConverter(t) {     
    var a = new Date(t * 1000);
    var today = new Date();
    var yesterday = new Date(Date.now() - 86400000);
    var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    var year = a.getFullYear();
    var month = months[a.getMonth()];
    var date = a.getDate();
    var hour = a.getHours();
    var min = a.getMinutes();
    if (a.setHours(0,0,0,0) == today.setHours(0,0,0,0))
        return 'today, ' + hour + ':' + min;
    else if (a.setHours(0,0,0,0) == yesterday.setHours(0,0,0,0))
        return 'yesterday, ' + hour + ':' + min;
    else if (year == today.getFullYear())
        return date + ' ' + month + ', ' + hour + ':' + min;
    else
        return date + ' ' + month + ' ' + year + ', ' + hour + ':' + min;
}

9

Nowoczesne rozwiązanie, które nie potrzebuje biblioteki 40 KB:

Intl.DateTimeFormat to niekulturowo imperialistyczny sposób formatowania daty / godziny.

// Setup once
var options = {
    //weekday: 'long',
    //month: 'short',
    //year: 'numeric',
    //day: 'numeric',
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric'
},
intlDate = new Intl.DateTimeFormat( undefined, options );

// Reusable formatter
var timeStamp = 1412743273;
console.log( intlDate.format( new Date( 1000 * timeStamp ) ) );

Odnośnie „niekulturowo imperialistycznego sposobu” : czy nie masz na myśli „niekulturowego i nieimperialistycznego sposobu” ?
Peter Mortensen

Niestety ta metoda nie jest kompatybilna z Safari.
Stephen S.

9

Mój znacznik czasu jest pobierany z zaplecza PHP. Wypróbowałem wszystkie powyższe metody i to nie zadziałało. Potem natrafiłem na samouczek, który zadziałał:

var d =val.timestamp;
var date=new Date(+d); //NB: use + before variable name

console.log(d);
console.log(date.toDateString());
console.log(date.getFullYear());
console.log(date.getMinutes());
console.log(date.getSeconds());
console.log(date.getHours());
console.log(date.toLocaleTimeString());

powyższe metody wygenerują te wyniki

1541415288860
Mon Nov 05 2018 
2018 
54 
48 
13
1:54:48 PM

Istnieje wiele metod, które doskonale działają z datownikami. Nie mogę wymienić ich wszystkich


8
function getTIMESTAMP() {
  var date = new Date();
  var year = date.getFullYear();
  var month = ("0" + (date.getMonth() + 1)).substr(-2);
  var day = ("0" + date.getDate()).substr(-2);
  var hour = ("0" + date.getHours()).substr(-2);
  var minutes = ("0" + date.getMinutes()).substr(-2);
  var seconds = ("0" + date.getSeconds()).substr(-2);

  return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds;
}

//2016-01-14 02:40:01

Działa w porządku. Dziękuję
Vlad

6

W przypadku niektórych odpowiedzi zwróć uwagę na problem zerowy. Na przykład znacznik czasu 1439329773zostałby błędnie przekonwertowany na12/08/2015 0:49 .

Sugerowałbym skorzystanie z następujących rozwiązań w celu rozwiązania tego problemu:

var timestamp = 1439329773; // replace your timestamp
var date = new Date(timestamp * 1000);
var formattedDate = ('0' + date.getDate()).slice(-2) + '/' + ('0' + (date.getMonth() + 1)).slice(-2) + '/' + date.getFullYear() + ' ' + ('0' + date.getHours()).slice(-2) + ':' + ('0' + date.getMinutes()).slice(-2);
console.log(formattedDate);

Teraz wyniki w:

12/08/2015 00:49

5
// Format value as two digits 0 => 00, 1 => 01
function twoDigits(value) {
   if(value < 10) {
    return '0' + value;
   }
   return value;
}

var date = new Date(unix_timestamp*1000);
// display in format HH:MM:SS
var formattedTime = twoDigits(date.getHours()) 
      + ':' + twoDigits(date.getMinutes()) 
      + ':' + twoDigits(date.getSeconds());

Nie sądzę, że potrzebujesz dodatkowej, osobnej funkcji, aby uzyskać liczbę z końcowym zerem, ilekroć jest to konieczne - patrz moja odpowiedź na dole.
trejder

2
@trejder, w twoim przykładzie, DUPLIKUJESZ logikę, a dzięki dodatkowej funkcji masz ją w jednym miejscu. Również aktywujesz funkcję daty (np. GetHours ()) zawsze tutaj dwa razy - jest to jednorazowe połączenie. Nigdy nie wiadomo, jak ciężkie jest ponowne uruchomienie niektórych funkcji biblioteki (jednak uważam, że jest to lekkie dla dat).
walv

4
function timeConverter(UNIX_timestamp){
 var a = new Date(UNIX_timestamp*1000);
     var hour = a.getUTCHours();
     var min = a.getUTCMinutes();
     var sec = a.getUTCSeconds();
     var time = hour+':'+min+':'+sec ;
     return time;
 }

4

Zobacz Konwerter daty / epoki .

Musisz ParseInt, inaczej nie zadziałałoby:


if (!window.a)
    window.a = new Date();

var mEpoch = parseInt(UNIX_timestamp);

if (mEpoch < 10000000000)
    mEpoch *= 1000;

------
a.setTime(mEpoch);
var year = a.getFullYear();
...
return time;

4

Aby przekonwertować znacznik czasu na HH:MM:SSformat, możesz użyć następującej funkcji :

var convertTime = function(timestamp, separator) {
    var pad = function(input) {return input < 10 ? "0" + input : input;};
    var date = timestamp ? new Date(timestamp * 1000) : new Date();
    return [
        pad(date.getHours()),
        pad(date.getMinutes()),
        pad(date.getSeconds())
    ].join(typeof separator !== 'undefined' ?  separator : ':' );
}

Bez przekazywania separatora służy :jako (domyślny) separator:

time = convertTime(1061351153); // --> OUTPUT = 05:45:53

Jeśli chcesz użyć /jako separatora, po prostu przekaż go jako drugi parametr:

time = convertTime(920535115, '/'); // --> OUTPUT = 09/11/55

Próbny

var convertTime = function(timestamp, separator) {
    var pad = function(input) {return input < 10 ? "0" + input : input;};
    var date = timestamp ? new Date(timestamp * 1000) : new Date();
    return [
        pad(date.getHours()),
        pad(date.getMinutes()),
        pad(date.getSeconds())
    ].join(typeof separator !== 'undefined' ?  separator : ':' );
}

document.body.innerHTML = '<pre>' + JSON.stringify({
    920535115 : convertTime(920535115, '/'),
    1061351153 : convertTime(1061351153, ':'),
    1435651350 : convertTime(1435651350, '-'),
    1487938926 : convertTime(1487938926),
    1555135551 : convertTime(1555135551, '.')
}, null, '\t') +  '</pre>';

Zobacz także to skrzypce .


3

 function getDateTimeFromTimestamp(unixTimeStamp) {
        var date = new Date(unixTimeStamp);
        return ('0' + date.getDate()).slice(-2) + '/' + ('0' + (date.getMonth() + 1)).slice(-2) + '/' + date.getFullYear() + ' ' + ('0' + date.getHours()).slice(-2) + ':' + ('0' + date.getMinutes()).slice(-2);
      }

    var myTime = getDateTimeFromTimestamp(1435986900000);
    console.log(myTime); // output 01/05/2000 11:00


To nie jest uniksowy znacznik czasu: 1435986900000 / To jest uniksowy znacznik czasu: 1435986900
Orici

to rozwiązanie działa dla mnie, ale jak mogę wziąć miesiąc jak luty mar kwiecień zamiast liczby?
abidinberkay

2

Jeśli chcesz przeliczyć czas uniksowy na rzeczywiste godziny, minuty i sekundy, możesz użyć następującego kodu:

var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor((timestamp - hours * 60 * 60) / 60);
var seconds = Math.floor(timestamp - hours * 60 * 60 - minutes * 60 );
var duration = hours + ':' + minutes + ':' + seconds;

1
function getDateTime(unixTimeStamp) {

    var d = new Date(unixTimeStamp);
    var h = (d.getHours().toString().length == 1) ? ('0' + d.getHours()) : d.getHours();
    var m = (d.getMinutes().toString().length == 1) ? ('0' + d.getMinutes()) : d.getMinutes();
    var s = (d.getSeconds().toString().length == 1) ? ('0' + d.getSeconds()) : d.getSeconds();

    var time = h + '/' + m + '/' + s;

    return time;
}

var myTime = getDateTime(1435986900000);
console.log(myTime); // output 01/15/00

1

Poniższy kod zawiera również 3-cyfrowe milisekundy, idealne do prefiksów dziennika konsoli:

const timeStrGet = date => {
    const milliSecsStr = date.getMilliseconds().toString().padStart(3, '0') ;
    return `${date.toLocaleTimeString('it-US')}.${milliSecsStr}`;
};

setInterval(() => console.log(timeStrGet(new Date())), 299);



1

Odpowiedź udzielona przez @Aron działa, ale nie zadziałała, ponieważ próbowałem przekonwertować znacznik czasu od 1980 r. Wprowadziłem więc kilka zmian w następujący sposób

function ConvertUnixTimeToDateForLeap(UNIX_Timestamp) {
    var dateObj = new Date(1980, 0, 1, 0, 0, 0, 0);
    dateObj.setSeconds(dateObj.getSeconds() + UNIX_Timestamp);
    return dateObj;  
}

document.body.innerHTML = 'TimeStamp : ' + ConvertUnixTimeToDateForLeap(1269700200);

Więc jeśli masz znacznik czasu rozpoczynający się od innej dekady, skorzystaj z niego. Oszczędzało mi to dużo bólu głowy.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.