Преобразовать метку времени ISO в формат даты с помощью Javascript?
Это кажется довольно простым вопросом, но я не могу получить ответ на него. Как я могу конвертировать метку времени iso для отображения даты / времени с помощью JavaScript?
Пример отметки времени: 2012-04-15T18:06:08-07:00
Любая помощь приветствуется, Google подводит меня. Спасибо.
4 ответа
Передайте его конструктору Date.
> var date = new Date('2012-04-15T18:06:08-07:00')
> date
Mon Apr 16 2012 04:06:08 GMT+0300 (EEST)
Для получения дополнительной информации о дате, проверьте https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date.
Новейшая версия javascript (v1.85 или выше в некоторых последних браузерах) может напрямую обрабатывать даты ISO, поэтому вы можете просто передать свою строку непосредственно Date() конструктор, как это:
var jsDate = new Date("2012-04-15T18:06:08-07:00");
Но старые браузеры (любая версия IE до IE9, любая версия Firefox до 4 и т. Д.) Не поддерживают это. Для этих браузеров вы можете либо получить библиотеку, которая может сделать это для вас, например, datejs, либо проанализировать ее самостоятельно следующим образом:
var t = "2012-04-15T18:06:08-07:00";
function convertDate(t) {
var dateRE = /(\d+)-(\d+)-(\d+)T(\d+):(\d+):(\d+)([+\-]\d+):(\d+)/;
var match = t.match(dateRE);
var nums = [], item, date;
if (match) {
for (var i = 1; i < match.length; i++) {
nums.push(parseInt(match[i], 10));
}
if (nums[7] < 0) {
nums[8] *= -1;
}
return(new Date(nums[0], nums[1] - 1, nums[2], nums[3] - nums[6], nums[4] - nums[7], nums[5]));
}
}
var jsDate = convertDate(t);
Рабочая демонстрация здесь: http://jsfiddle.net/jfriend00/QSgn6/
Это лучшее, что я видел до сих пор, он может использовать часовой пояс рабочего стола клиента и меняться в реальном времени с настройкой часового пояса:
<script type="text/javascript">
//Use: timeZoneConvert("2015-11-03T17:36:20.970");
//Mon Nov 02 2015 17:36:20 GMT-0600 (Central Standard Time) [Date object]
//To format string use: timeZoneConvertFormatted("2015-11-03T17:36:20.970")
//November 2, 2015 5:36 PM
//Works even when I change client timezone to Pacific Standard
//Mon Nov 02 2015 15:36:20 GMT-0800 (Pacific Standard Time)
var months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
function timeZoneConvert(dateStr) {
var d = parse_iso8601(dateStr);
//Change (- 360) constant for your server, mine is Central Standard
var dTimezoneOffset = new Date(d.getTime() - ((new Date()).getTimezoneOffset() - 360)*60000);
return dTimezoneOffset;
}
function timeZoneConvertFormatted(dateStr) {
return fDateTime(timeZoneConvert(dateStr));
}
function fDateTime(date1) {
var date = date1.getDate();
var year = date1.getFullYear();
var month = months[date1.getMonth() + 1];
var h = date1.getHours();
var m = date1.getMinutes();
var ampm = "AM";
if(m < 10) {
m = "0" + m;
}
if(h > 12) {
h = h - 12;
var ampm = "PM";
}
return month + " " + date + ", " + year + " " + h + ":" + m + " " + ampm;
}
var iso8601extended = /^\d{4}(-\d{2}(-\d{2}([T ]\d{2}(:\d{2}(:\d{2})?)?([,.]\d+)?(Z|[+-]\d{2}(:\d{2})?)?)?)?)?$/;
var iso8601basic = new RegExp(iso8601extended.source.replace(/[:-]\\d/g, '\\d'));
var firstNumber = /[^\d]*(\d+)/g;
function parse_iso8601(s) {
s = s.replace(/,/g, '.');
var matches = iso8601extended.exec(s);
if (matches) {
s = s.substr(0, 10).replace(/-/g, '') + s.substr(10).replace(/:/g, '');
}
matches = iso8601basic.exec(s);
if (!matches) {
return null;
}
var d = new Date();
d.setUTCFullYear(toNumber(matches[0].substring(0, 4)));
d.setUTCMonth(matches[1] ? toNumber(matches[1].substr(0, 2)) - 1 : 0);
d.setUTCDate(matches[2] ? toNumber(matches[2].substr(0, 2)) : 1);
var hours = 0, minutes = 0, seconds = 0, milliseconds = 0;
var fraction = matches[6] ? parseFloat(matches[6]) : 0;
if (matches[3]) {
hours = toNumber(matches[3].substr(1, 2));
if (matches[4]) {
minutes = toNumber(matches[4].substr(0, 2));
if (matches[5]) {
seconds = toNumber(matches[5].substr(0, 2));
milliseconds = 1000 * fraction;
} else {
seconds = 60 * fraction;
}
} else {
minutes = 60 * fraction;
}
}
if (!matches[7]) {
d.setHours(hours);
d.setMinutes(minutes);
} else {
d.setUTCHours(hours);
d.setUTCMinutes(minutes);
}
d.setUTCSeconds(seconds);
d.setUTCMilliseconds(milliseconds);
if (matches[7] && matches[7] != 'Z') {
offset = toNumber(matches[7].substr(1, 2)) * 60;
if (matches[8]) {
offset += toNumber(matches[8].substr(0, 2));
}
d.setTime(d.getTime() + 60000 * offset * (matches[7].substr(0, 1) == '-' ? 1 : -1));
}
return d;
}
function toNumber(s) {
return parseInt(s.replace(/^0+(\d)/, '$1'));
}
</script>
const now = new Date(); // create a new date object with the current time
// Here are some examples of what javascript provides:
console.log({
now,
toDateString: now.toDateString(),
toISOString: now.toISOString(),
toLocaleString: now.toLocaleString(),
toLocaleDateString: now.toLocaleDateString(),
toLocaleTimeString: now.toLocaleTimeString(),
toUTCString: now.toUTCString(),
toTimeString: now.toTimeString(),
})
Это печатает:
[LOG]: {
"now": "2022-08-02T10:29:26.891Z",
"toDateString": "Tue Aug 02 2022",
"toISOString": "2022-08-02T10:29:26.891Z",
"toLocaleString": "02/08/2022, 11:29:26",
"toLocaleDateString": "02/08/2022",
"toLocaleTimeString": "11:29:26",
"toUTCString": "Tue, 02 Aug 2022 10:29:26 GMT",
"toTimeString": "11:29:26 GMT+0100 (British Summer Time)"
}
Кроме того, для дополнительных опций вы можете использовать что-то вроде moment . Например, я использовал его здесь, чтобы получить дату в удобочитаемой строке даты для Великобритании:
import moment from "moment";
const now = new Date(); // create a new date object with the current time
const getTimeFormatted = (date: number) =>
moment(date).format("DD/MM/yyyy hh:mm a");
console.log(getTimeFormatted(now)) // prints: 01/08/2022 11:29 am