Преобразовать время в формате UTC в местное время

337

С сервера я получаю переменную datetime в этом формате: 6/29/2011 4:52:48 PMи это время в формате UTC. Я хочу преобразовать его в время браузера текущего пользователя, используя JavaScript.

Как это можно сделать с помощью JavaScript или jQuery?

Амр Элгархи
источник
1
Быть осторожен. Это странный формат даты, поэтому обязательно укажите его в любом используемом вами решении. Если возможно, попросите сервер отправить дату в формате ISO.
Майкл Шепер

Ответы:

404

Добавьте «UTC» к строке перед преобразованием ее в дату в JavaScript:

var date = new Date('6/29/2011 4:52:48 PM UTC');
date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"
digitalbath
источник
5
function localizeDateStr (date_to_convert_str) {var date_to_convert = new Date (date_to_convert_str); var local_date = new Date (); date_to_convert.setHours (date_to_convert.getHours () + local_date.getTimezoneOffset ()); return date_to_convert.toString (); }
матовый
4
@matt offSet возвращает минуты, а не часы, вам нужно разделить на 60
bladefist
50
Это предполагает, что часть даты строки соответствует стандарту США, мм / дд / гггг, что, очевидно, не так в Европе и в других частях мира.
AsGoodAsItGets
7
@digitalbath Работает в Chrome, но не работает в Firefox.
Ганеш Сатпут
138

На мой взгляд, серверы всегда должны возвращать дату и время в стандартизированном формате ISO 8601 .

Больше информации здесь:

В этом случае сервер вернется, '2011-06-29T16:52:48.000Z'что будет напрямую передано в объект JS Date.

var utcDate = '2011-06-29T16:52:48.000Z';  // ISO-8601 formatted date returned from server
var localDate = new Date(utcDate);

localDateБудет находиться в правом местное время, в моем случае будет через два часа (время DK).

Вам действительно не нужно делать весь этот анализ, который только усложняет вещи, если вы согласны с тем, какой формат ожидать от сервера.

Hulvej
источник
1
как получить дату в формате ISO? я получаю дату в формате UTC с добавлением UTC до конца
Дипика
8
@ Колин, это зависит от языка. В C # вы можете отформатировать DateTimeобъект, .toString("o")который возвращает строку в формате ISO-8601, как показано выше. msdn.microsoft.com/en-us/library/zdtaw1bw(v=vs.110).aspx В JavaScript это new Date().toISOString(). developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
Халвей,
99

Это универсальное решение:

function convertUTCDateToLocalDate(date) {
    var newDate = new Date(date.getTime()+date.getTimezoneOffset()*60*1000);

    var offset = date.getTimezoneOffset() / 60;
    var hours = date.getHours();

    newDate.setHours(hours - offset);

    return newDate;   
}

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

var date = convertUTCDateToLocalDate(new Date(date_string_you_received));

Отображение даты на основе локальных настроек клиента:

date.toLocaleString();
Адоржан Принц
источник
41
Не работает со всеми часовыми поясами. Есть веская причина, почему getTimeZoneOffset находится в минутах! geographylists.com/list20d.html
siukurnin
5
@siukurnin. чтобы управлять странным часовым поясом, используйте newDate.setTime (date.getTime () + date.getTimezoneOffset () * 60 * 1000)
Гийом Жандр,
18
newDate.setMinutes (date.getMinutes () - date.getTimezoneOffset ()) будет достаточно. Также исправляет часы
Lu55
1
Вы уверены, что это не сработает ни для одного часового пояса, для которого 30 минут? Кажется, чтобы округлить до целых часов.
NickG
2
Это также, кажется, не устанавливает дату должным образом, когда сдвиг часового пояса пересекает полночь; возможно, потому что это только использование setHours, которое не влияет на дату?
Uniphonic
37

Вы должны получить (UTC) смещение (в минутах) клиента:

var offset = new Date().getTimezoneOffset();

А затем добавьте корреспондента или вычтите время, которое вы получите от сервера.

Надеюсь это поможет.

Nobita
источник
2
Что насчет ДСТ?
Богатое
26

Для меня вышеуказанные решения не сработали.

С IE преобразование даты и времени в местное время по UTC немного сложнее. Для меня дата-время из веб-API - это то, что '2018-02-15T05:37:26.007'я хотел конвертировать в соответствии с местным часовым поясом, поэтому я использовал приведенный ниже код в JavaScript.

var createdDateTime = new Date('2018-02-15T05:37:26.007' + 'Z');
PramodB
источник
21

Поместите эту функцию в вашу голову:

<script type="text/javascript">
function localize(t)
{
  var d=new Date(t+" UTC");
  document.write(d.toString());
}
</script>

Затем создайте следующее для каждой даты в теле своей страницы:

<script type="text/javascript">localize("6/29/2011 4:52:48 PM");</script>

Чтобы удалить GMT и часовой пояс, измените следующую строку:

document.write(d.toString().replace(/GMT.*/g,""));
Бен Брайант
источник
20

Это работает для меня:

function convertUTCDateToLocalDate(date) {
    var newDate = new Date(date.getTime() - date.getTimezoneOffset()*60*1000);
    return newDate;   
}
Molp Burnbright
источник
10

После нескольких других постов, опубликованных здесь, без хороших результатов, мне показалось, что это работает:

convertUTCDateToLocalDate: function (date) {
    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(),  date.getHours(), date.getMinutes(), date.getSeconds()));
}

И это работает, чтобы пойти противоположным путем, от локальной даты до UTC:

convertLocalDatetoUTCDate: function(date){
    return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),  date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
}
Uniphonic
источник
1
Меньше кода для использования new Date(+date + date.getTimezoneOffset() * 6e4). ;-)
RobG
это не сработает, мое время в utc - «2020-04-02T11: 09: 00», поэтому попробовал это из Сингапура, новая дата (+ новая дата («2020-04-02T11: 09: 00») + новая дата ( «2020-04-02T11: 09: 00»). GetTimezoneOffset () * 6e4), неправильное время
AhammadaliPK
это сработало, новая дата («2020-04-02T11: 09: 00» + «Z»);
AhammadaliPK
10

Добавьте часовой пояс в конце, в этом случае «UTC»:

theDate = new Date( Date.parse('6/29/2011 4:52:48 PM UTC'));

после этого используйте семейства функций toLocale () * для отображения даты в правильной локали

theDate.toLocaleString();  // "6/29/2011, 9:52:48 AM"
theDate.toLocaleTimeString();  // "9:52:48 AM"
theDate.toLocaleDateString();  // "6/29/2011"
pabloa98
источник
9

В ответе Мэтта отсутствует тот факт, что летнее время может быть разным между Date () и датой, которую нужно преобразовать - вот мое решение:

    function ConvertUTCTimeToLocalTime(UTCDateString)
    {
        var convertdLocalTime = new Date(UTCDateString);

        var hourOffset = convertdLocalTime.getTimezoneOffset() / 60;

        convertdLocalTime.setHours( convertdLocalTime.getHours() + hourOffset ); 

        return convertdLocalTime;
    }

И результаты в отладчике:

UTCDateString: "2014-02-26T00:00:00"
convertdLocalTime: Wed Feb 26 2014 00:00:00 GMT-0800 (Pacific Standard Time)
MaurGi
источник
9

Используйте это для преобразования UTC и местного времени и наоборот.

//Covert datetime by GMT offset 
//If toUTC is true then return UTC time other wise return local time
function convertLocalDateToUTCDate(date, toUTC) {
    date = new Date(date);
    //Local time converted to UTC
    console.log("Time: " + date);
    var localOffset = date.getTimezoneOffset() * 60000;
    var localTime = date.getTime();
    if (toUTC) {
        date = localTime + localOffset;
    } else {
        date = localTime - localOffset;
    }
    date = new Date(date);
    console.log("Converted time: " + date);
    return date;
}
Мистер Поливирл
источник
3
что произошло во время перехода на летнее время. Часовой пояс CET
NovusMobile
см. мой ответ @ stackoverflow.com/questions/6525538/…
Hulvej
9

Это упрощенное решение, основанное на ответе Адоржана Принца:

function convertUTCDateToLocalDate(date) {
    var newDate = new Date(date);
    newDate.setMinutes(date.getMinutes() - date.getTimezoneOffset());
    return newDate;
}

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

var date = convertUTCDateToLocalDate(new Date(date_string_you_received));
huha
источник
Почему это было отклонено 9 октября 2017 года? Пожалуйста, напишите комментарий, чтобы помочь мне понять ваше мнение.
хаха
9

Если вы не против, moment.jsи ваше время в UTC, просто используйте следующее:

moment.utc('6/29/2011 4:52:48 PM').toDate();

если ваше время не в utc, а в любой другой известной вам локали, используйте следующую команду:

moment('6/29/2011 4:52:48 PM', 'MM-DD-YYYY', 'fr').toDate();

если ваше время уже указано локально, используйте следующее:

moment('6/29/2011 4:52:48 PM', 'MM-DD-YYYY');
Аднан Камили
источник
5

Мне показалось самым простым использование

datetime.setUTCHours(datetime.getHours());
datetime.setUTCMinutes(datetime.getMinutes());

(я думал, что первой строки может быть достаточно, но есть часовые пояса, которые отключены в долях часов)

Мидзуки Накешу
источник
У кого-нибудь есть проблемы с этим? Это кажется лучшим вариантом для меня. Я взял строку UTC, в конце которой было «(UTC)», установил ее как объект Date с помощью new Date('date string'), а затем добавил эти две строки, и, похоже, он возвращается с временем, полностью основанным на временной метке сервера UTC с изменениями, сделанными, чтобы это соответствовало местному времени пользователя. Мне тоже нужно беспокоиться о странных часовых поясах с долями в час ... Не уверен, что он работает постоянно все время ...
Тайлер
перепробовал много других вариантов, ни один из них не работал, но это работает
Sameera K
5

Строка даты JSON (сериализованная в C #) выглядит как «2015-10-13T18: 58: 17».

В угловых, (вслед за Хулвей) сделайте localdateфильтр:

myFilters.filter('localdate', function () {
    return function(input) {
        var date = new Date(input + '.000Z');
        return date;
    };
})

Затем отобразите местное время как:

{{order.createDate | localdate | date : 'MMM d, y h:mm a' }}
Джеймс Хоуи
источник
3

Используя YYYY-MM-DD hh:mm:ssформат:

var date = new Date('2011-06-29T16:52:48+00:00');
date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"

Для преобразования из YYYY-MM-DD hh:mm:ssформата убедитесь, что ваша дата соответствует формату ISO 8601 .

Year: 
    YYYY (eg 1997)    
Year and month: 
    YYYY-MM (eg 1997-07)
Complete date: 
    YYYY-MM-DD (eg 1997-07-16)
Complete date plus hours and minutes:
    YYYY-MM-DDThh:mmTZD (eg 1997-07-16T19:20+01:00)    
Complete date plus   hours, minutes and seconds:
    YYYY-MM-DDThh:mm:ssTZD (eg 1997-07-16T19:20:30+01:00)    
Complete date plus hours, minutes, seconds and a decimal fraction of a second
    YYYY-MM-DDThh:mm:ss.sTZD (eg 1997-07-16T19:20:30.45+01:00) where:

YYYY = four-digit year
MM   = two-digit month (01=January, etc.)
DD   = two-digit day of month (01 through 31)
hh   = two digits of hour (00 through 23) (am/pm NOT allowed)
mm   = two digits of minute (00 through 59)
ss   = two digits of second (00 through 59)
s    = one or more digits representing a decimal fraction of a second
TZD  = time zone designator (Z or +hh:mm or -hh:mm)

Важные вещи на заметку

  1. Вы должны разделить дату и время на a T, пробел не будет работать в некоторых браузерах
  2. Вы должны установить часовой пояс, используя этот формат +hh:mm, использование строки для часового пояса (например, «UTC») не будет работать во многих браузерах. +hh:mmпредставляют смещение от часового пояса UTC.
Gudradain
источник
3

@Adorojan'sответ почти правильный. Но добавление смещения некорректно, так как значение смещения будет отрицательным, если дата браузера опережает время по Гринвичу и наоборот. Ниже приведено решение, с которым я пришел, и оно прекрасно работает для меня:

// Input time in UTC
var inputInUtc = "6/29/2011 4:52:48";

var dateInUtc = new Date(Date.parse(inputInUtc+" UTC"));
//Print date in UTC time
document.write("Date in UTC : " + dateInUtc.toISOString()+"<br>");

var dateInLocalTz = convertUtcToLocalTz(dateInUtc);
//Print date in local time
document.write("Date in Local : " + dateInLocalTz.toISOString());

function convertUtcToLocalTz(dateInUtc) {
		//Convert to local timezone
		return new Date(dateInUtc.getTime() - dateInUtc.getTimezoneOffset()*60*1000);
}

Джо
источник
3

Для меня это хорошо работает

if (typeof date === "number") {
  time = new Date(date).toLocaleString();
  } else if (typeof date === "string"){
  time = new Date(`${date} UTC`).toLocaleString();
}
C.Lee
источник
2

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

function convertUTCDateToLocalDate(date1, ids) 
{
  var newDate = new Date();
  var ary = date1.split(" ");
  var ary2 = ary[0].split("-");
  var ary1 = ary[1].split(":");
  var month_short = Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');
  newDate.setUTCHours(parseInt(ary1[0]));
  newDate.setUTCMinutes(ary1[1]);
  newDate.setUTCSeconds(ary1[2]);
  newDate.setUTCFullYear(ary2[0]);
  newDate.setUTCMonth(ary2[1]);
  newDate.setUTCDate(ary2[2]);
  ids = document.getElementById(ids);
  ids.innerHTML = " " + newDate.getDate() + "-" + month_short[newDate.getMonth() - 1] + "-" + newDate.getFullYear() + " " + newDate.getHours() + ":" + newDate.getMinutes() + ":" + newDate.getSeconds();
            }

я знаю, что ответ уже принят, но я попал сюда из-за Google, и я решил получить вдохновение от принятого ответа, поэтому я хотел просто поделиться им, если кому-то нужно.

Нисарг Десаи
источник
1

Основываясь на ответе @digitalbath, ниже приведена небольшая функция для получения метки времени UTC и отображения местного времени в данном элементе DOM (с использованием jQuery для этой последней части):

https://jsfiddle.net/moriz/6ktb4sv8/1/

<div id="eventTimestamp" class="timeStamp">
   </div>
   <script type="text/javascript">
   // Convert UTC timestamp to local time and display in specified DOM element
   function convertAndDisplayUTCtime(date,hour,minutes,elementID) {
    var eventDate = new Date(''+date+' '+hour+':'+minutes+':00 UTC');
    eventDate.toString();
    $('#'+elementID).html(eventDate);
   }
   convertAndDisplayUTCtime('06/03/2015',16,32,'eventTimestamp');
   </script>
Мориц
источник
0

Я написал хороший небольшой скрипт, который берет эпоху UTC и преобразует его в часовой пояс системы клиента и возвращает его в формате д / м / ГЧ: i: s (как функция даты в PHP):

getTimezoneDate = function ( e ) {

    function p(s) { return (s < 10) ? '0' + s : s; }        

    var t = new Date(0);
    t.setUTCSeconds(e);

    var d = p(t.getDate()), 
        m = p(t.getMonth()+1), 
        Y = p(t.getFullYear()),
        H = p(t.getHours()), 
        i = p(t.getMinutes()), 
        s = p(t.getSeconds());

    d =  [d, m, Y].join('/') + ' ' + [H, i, s].join(':');

    return d;

};
Джон Белл
источник
0

Вы можете использовать момент , moment(date).format()всегда даст результат в местной дате .

Бонус , вы можете отформатировать так, как вы хотите. Например,

moment().format('MMMM Do YYYY, h:mm:ss a'); // September 14th 2018, 12:51:03 pm
moment().format('dddd');                    // Friday
moment().format("MMM Do YY"); 

Для более подробной информации вы можете обратиться на сайт Moment JS

AConsumer
источник
0

Вы можете сделать это, используя файл moment.js .

Это просто, вы только что упомянули место часового пояса.

Пример: если вы хотите преобразовать дату и время в часовой пояс Азии / Калькутты, вам нужно просто указать название места часового пояса, полученное из moment.js.

var UTCDateTime="Your date obtained from UTC";
var ISTleadTime=(moment.tz(UTCDateTime, "Africa/Abidjan")).tz("Asia/Kolkata").format('YYYY-MM-DD LT');

REvathY M
источник
0

Я создал одну функцию, которая конвертирует все часовые пояса в местное время.

Я не использовал getTimezoneOffset (), потому что он не возвращает правильное значение смещения

Требования:

1. npm i moment-timezone

function utcToLocal(utcdateTime, tz) {
    var zone = moment.tz(tz).format("Z") // Actual zone value e:g +5:30
    var zoneValue = zone.replace(/[^0-9: ]/g, "") // Zone value without + - chars
    var operator = zone && zone.split("") && zone.split("")[0] === "-" ? "-" : "+" // operator for addition subtraction
    var localDateTime
    var hours = zoneValue.split(":")[0]
    var minutes = zoneValue.split(":")[1]
    if (operator === "-") {
        localDateTime = moment(utcdateTime).subtract(hours, "hours").subtract(minutes, "minutes").format("YYYY-MM-DD HH:mm:ss")
    } else if (operator) {
        localDateTime = moment(utcdateTime).add(hours, "hours").add(minutes, "minutes").format("YYYY-MM-DD HH:mm:ss")
    } else {
        localDateTime = "Invalid Timezone Operator"
    }
    return localDateTime
}

utcToLocal("2019-11-14 07:15:37", "Asia/Kolkata")

//Returns "2019-11-14 12:45:37"
Рохит Парте
источник
0

В моем случае мне пришлось искать разницу дат в секундах. Дата была строкой даты в формате UTC, поэтому я преобразовал ее в локальный объект даты. Вот что я сделал:

let utc1 = new Date();
let utc2 = null;
const dateForCompare = new Date(valueFromServer);
dateForCompare.setTime(dateForCompare.getTime() - dateForCompare.getTimezoneOffset() * 
 60000);
utc2 = dateForCompare;

const seconds = Math.floor(utc1 - utc2) / 1000;
Сурадж Галанде
источник
-1
function getUTC(str) {
    var arr = str.split(/[- :]/);
    var utc = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);
    utc.setTime(utc.getTime() - utc.getTimezoneOffset()*60*1000)
    return utc;
}

Для тех, кто посещает - используйте эту функцию, чтобы получить локальный объект даты из строки UTC, должен заботиться о летнем времени и работать на IE, IPhone и т. Д.

Мы разделяем строку (поскольку синтаксический анализ даты JS не поддерживается в некоторых браузерах). Мы получаем разницу от UTC и вычитаем ее из времени UTC, которое дает нам местное время. Так как возвращаемое смещение вычисляется с помощью DST (поправьте меня, если я ошибаюсь), поэтому оно вернет это время в переменную "utc". Наконец вернуть дату объекта.

Dapu
источник
-1

В Angular я использовал ответ Бена так:

$scope.convert = function (thedate) {
    var tempstr = thedate.toString();
    var newstr = tempstr.toString().replace(/GMT.*/g, "");
    newstr = newstr + " UTC";
    return new Date(newstr);
};

Редактировать: Angular 1.3.0 добавил поддержку UTC для фильтра даты, я еще не использовал его, но это должно быть проще, вот формат:

{{ date_expression | date : format : timezone}}

Angular 1.4.3 Date API

Helzgate
источник