Преобразование метки времени Unix в время в JavaScript


1160

Я храню время в базе данных MySQL как метку времени Unix, и оно отправляется в некоторый код JavaScript. Как бы я получил только время от этого?

Например, в формате ЧЧ / ММ / СС.


5
Просто умножьте на 1000, так как метки времени JS указываются в миллисекундах, а PHP - в секундах.
17

Вот очень полезная ссылка с другим форматом даты: timestamp.online/article/… Объедините с умножением на 1000, и оно выполнит свою работу!
Кевин Лемэр

Ответы:


1736

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

Для получения дополнительной информации об объекте Date, пожалуйста, обратитесь к MDN или спецификации ECMAScript 5 .


114
Умножение @nickf на современных процессорах тривиально - конкатенация строк потребует гораздо больше работы!
Альнитак,

4
Объединение должно состоять из чтения памяти и записи памяти ... как кто-то может спроектировать что-то, что требует чего-то простого, например сложения и усложнения, чем умножение ... попросить ребенка объединить, и они могут .. умножение сложнее ... плюс память предназначена для линейной работы anyawyas ... Может кто-нибудь предоставить ссылку на комментарий @nickf?

29
На самом деле он будет отображать время в формате «10: 2: 2», поскольку он не добавляет лишние 0 до значений ниже 10.
Fireblaze

16
@ user656925 - Умножение включает в себя числа, объединение включает в себя строки. Компьютеры обрабатывают числа гораздо эффективнее, чем строки. Когда конкатенация строк выполнена, в фоновом режиме происходит много управления памятью. (Однако, если вы все равно выполняете конкатенацию строк, то включение нескольких дополнительных символов в одну из строк в действительности может быть в среднем менее затратным, чем операция с одним процессором, необходимая для умножения двух чисел вместе.)
Brilliand

6
Вычисление чисел @ Stallman - самая фундаментальная вещь, которую делают компьютеры, и они чрезвычайно эффективны в этом, и в памяти и во время выполнения. Приведенный выше комментарий Бриллиана актуален, хотя ИМХО самая последняя часть его комментария полностью поддельная.
Альнитак

298

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


для ЧЧ / ММ / СС просто используйте последние три переменные, и это время будет в вашем местном времени, но если вы хотите получить время UTC, просто используйте методы getUTC. Вот код
Шомрат

36
Я использовал это решение, но настроил его так, чтобы минуты и секунды отображались как: 03 или: 09 вместо: 3 или: 9, вот так:var min = a.getMinutes() < 10 ? '0' + a.getMinutes() : a.getMinutes(); var sec = a.getSeconds() < 10 ? '0' + a.getSeconds() : a.getSeconds();
user1985189

3
Ошибка: getMonth()возвращает номер месяца от 0 до 11, поэтому a.getMonth() - 1неверно.
jcampbell1

195

JavaScript работает в миллисекундах, поэтому сначала вам нужно преобразовать метку времени UNIX из секунд в миллисекунды.

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

80

Я неравнодушен к Date.format()библиотеке Джейкоба Райта , которая реализует форматирование дат JavaScript в стиле функции PHP date().

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

12
Я знаю, что это был хороший ответ через несколько дней, но в наши дни расширение нативных объектов js является анти-паттерном.
Питер

3
Это не работает (больше?) В узле JS format is not a function. Но это, видимо, работает: stackoverflow.com/a/34015511/7550772
ibodi

71

Использование:

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

и на время:

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

см. Date.prototype.toLocaleDateString ()


Это команда для получения даты (М / Д / ГГГГ), а не времени (ЧЧ / ММ / СС) в соответствии с запросом.
Вольфганг

2
только примечание, число "1504095567183" является unix_timestamp * 1000
camillo777

1
Кроме того, toLocaleStringвключает в себя как дату, так и время.
Шон

56

Вот самое короткое однострочное решение для форматирования секунд 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"

Метод Date.prototype.toISOString()возвращает время в упрощенном расширенном формате ISO 8601 , который всегда имеет длину 24 или 27 символов (т.е. YYYY-MM-DDTHH:mm:ss.sssZили ±YYYYYY-MM-DDTHH:mm:ss.sssZсоответственно). Часовой пояс всегда равен нулю смещением UTC.

Примечание: это решение не требует сторонних библиотек и поддерживается во всех современных браузерах и движках JavaScript.


Я вставляю вашу функцию в консоль Chrome: / Даже в вашей скрипке она показывает 01:02:00 для меня! Пробовал на Firefox, те же результаты. Очень странно ... Я уверен, что это потому, что я GMT + 1!
Стив Шамайяр

Я предложил изменить ваш ответ, который игнорирует любой часовой пояс, поэтому он всегда будет отображать правильное форматированное значение!
Стив Шамайяр

1
@ SteveChamaillard Спасибо, Стив. Вы были правы, toTimeStringплохо работали с часовыми поясами. К сожалению, ваше редактирование было отклонено до того, как я его увидел. Тем не менее, я бы предложил использовать toISOStringвместо этого, так как toGMTStringявляется устаревшим и может возвращать разные результаты на разных платформах.
VisioN

Еще короче с ES6: пусть time = s => new Date (s * 1e3) .toISOString (). Slice (-13, -5)
SamGoody

28

Я бы подумал об использовании библиотеки, например momentjs.com , которая делает это действительно простым:

На основе отметки времени Unix:

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

На основе строки даты MySQL:

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

3
Еще одним преимуществом moment.js (или аналогичных библиотек) будет поддержка относительного времени для сообщений типа «6 часов назад».
Мартин

В ваших console.logпримерах я был смущен форматом из-за /, но он мне очень помог.
NetOperator Wibby

Моя метка времени в формате UTC. Любое изменение, которое мне нужно сделать здесь для этого? Как я могу иметь утра / вечера?
кодек

moment.js - это слишком много для такого маленького дела, которое повлияет на вашу производительность. Вместо этого используйте нативные методы, ср. Ответ Дана Алботяну
Робин Мэтрал

22

Временная метка UNIX - это количество секунд с 00:00:00 UTC 1 января 1970 года (согласно Википедии ).

Аргумент объекта Date в Javascript - это количество миллисекунд с 00:00:00 UTC 1 января 1970 года (согласно документации Javascript W3Schools ).

Смотрите код ниже, например:

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

дает:

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

самое короткое однострочное решение для форматирования секунд в формате чч: мм: сс: вариант:

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


1
при использовании этого с PHP Unix-метками времени я получаю на 5 часов больше, чем фактическое время по некоторым причинам: /
keanu_reeves

2
@keanu_reeves - звучит так, как будто вы находитесь в часовом поясе восточной части США, а отметки времени указаны в формате UTC. Попробуйте удалить .slice (0,19), и я думаю, вы увидите часовой пояс результата Z (Zulu).
bitfiddler

17

Используя Moment.js , вы можете получить время и дату следующим образом:

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

И вы можете получить только время, используя это:

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

Знаете ли вы, как сделать это задом наперед, например, конвертировать этот формат DD-MM-YYYY ЧЧ: мм: сс во что-то подобное 1439198499 ??
Kemat Rochi

Привет, Kemat, Вы можете сделать это через момент заявления ('2009-07-15 00:00:00'). Unix ()
Питер Т.

Моя метка времени в формате UTC. Любая разница, которую я должен сделать здесь для этого? Как я могу иметь утра / вечера?
кодек

Вы можете легко конвертировать временную метку в дату, используемую в моментJJ, вы можете проверить
Laeeq

15

Проблема с вышеупомянутыми решениями состоит в том, что если час, минута или секунда имеют только одну цифру (то есть 0-9), время будет неправильным, например, оно может быть 2: 3: 9, но скорее должно быть 02: 3:09.

В соответствии с этой страницей кажется лучшим решением использовать метод Date toLocaleTimeString.


5
для большинства веб-решений это наиболее правильный ответ, поскольку он использует локаль клиента, например, формат 24 часа против 12 часов утра / вечера. Для временной строки вы должны использовать:date.toLocaleTimeString()
Bachi

1
Это не произойдет с toTimeStringметодом. Проверьте здесь: stackoverflow.com/a/35890537/1249581 .
VisioN

14

Другой способ - с даты 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]);


Я получаю «Объект ... не имеет метода toISOString»
Авирам Нетанел

Моя метка времени в формате UTC. Любая разница, которую я должен сделать здесь для этого? Как я могу иметь утра / вечера?
кодек

13

В данный момент вы должны использовать метку времени Unix:

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

10

Основываясь на ответе @ shomrat, ниже приведен фрагмент, который автоматически записывает дату и время следующим образом (немного похоже на дату ответа StackOverflow:) answered Nov 6 '16 at 11:51:

today, 11:23

или

yersterday, 11:23

или (если отличается, но в том же году, чем сегодня)

6 Nov, 11:23

или (если другой год, чем сегодня)

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

Современное решение, которое не требует библиотеки 40 КБ:

Intl.DateTimeFormat - это некультурный империалистический способ форматирования даты / времени.

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

Относительно «некультурно-империалистического пути» . Разве вы не имеете в виду «некультурно-неимпериалистический путь» ?
Питер Мортенсен

К сожалению, этот метод не совместим с Safari.
Стивен С.

9

Моя метка времени извлекается из бэкэнда PHP. Я попробовал все методы выше, и это не сработало. Затем я наткнулся на учебник, который работал:

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

методы выше приведут к этим результатам

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

Существует множество методов, которые отлично работают с метками времени. Не могу перечислить их всех


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

Работает отлично. Спасибо
Влад

6

Обратите внимание на нулевую проблему с некоторыми из ответов. Например, метка времени 1439329773будет ошибочно преобразована в12/08/2015 0:49 .

Я бы предложил использовать следующее для решения этой проблемы:

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

Теперь результаты в:

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

Я не думаю, что вам нужна дополнительная, отдельная функция, чтобы получить число с конечным нулем, когда это необходимо - см. Мой ответ внизу.
Трейдер

2
@trejder, в вашем примере вы ДУБЛИРУЕТЕ логику, в то время как с дополнительной функцией она находится в одном месте. Также вы вызываете функцию даты (например, getHours ()) всегда два раза, в то время как здесь - это однократный вызов. Вы никогда не можете знать, насколько тяжелой является библиотечная функция, которую нужно выполнить повторно (однако я верю, что для дат это просто).
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

Смотрите Конвертер Даты / Эпохи .

Вам нужно ParseInt, иначе это не сработает:


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

Вы можете использовать следующую функцию для преобразования вашей временной метки в HH:MM:SSформат:

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

Не передавая разделитель, он использует :разделитель (по умолчанию):

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

Если вы хотите использовать /в качестве разделителя, просто передайте его как второй параметр:

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

демонстрация

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

Смотрите также эту скрипку .


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


Это не Отметка времени Unix: 1435986900000 / Это Unix Timestamp: 1435986900
Orici

это решение работает для меня, но как я могу взять месяц, как февраль мар апрель вместо числа?
Абидинберкай

2

Если вы хотите преобразовать продолжительность времени Unix в реальные часы, минуты и секунды, вы можете использовать следующий код:

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

Приведенный ниже код также содержит 3-значные миллисекунды, идеально подходящие для префиксов журнала консоли:

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

moment.js

конвертировать метки времени в строку даты в формате 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"


альтернативный выбор day.js github.com/iamkun/dayjs
xgqfrms

1

Ответ, данный @Aron, работает, но он не работал для меня, так как я пытался преобразовать метку времени, начиная с 1980 года. Поэтому я сделал несколько изменений следующим образом

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

Поэтому, если у вас есть временная метка, начинающаяся с другого десятилетия или около того, просто используйте ее. Это избавило меня от головной боли.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.