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.

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 .

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...

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

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 ()

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.

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") );

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)

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"

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");

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.

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]);

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

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

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

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

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

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

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

// 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());

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

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;

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 .

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;

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

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

moment.js

konwertuje znaczniki czasu na ciąg daty w js

https://momentjs.com/

moment().format('YYYY-MM-DD hh:mm:ss');
// "2020-01-10 11:55:43"

moment(1578478211000).format('YYYY-MM-DD hh:mm:ss');
// "2020-01-08 06:10:11"

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.