如何将JavaScript日期转换为UTC？

时间：2009-06-04 03:54:59

标签： javascript date utc

假设您网站的用户输入了日期范围。

2009-1-1 to 2009-1-3

您需要将此日期发送到服务器进行某些处理，但服务器希望所有日期和时间都是UTC。

现在假设用户在阿拉斯加或夏威夷或斐济。由于它们所处的时区与UTC完全不同，因此需要将日期范围转换为如下所示：

2009-1-1T8:00:00 to 2009-1-4T7:59:59

使用JavaScript Date对象，您如何将第一个“本地化”日期范围转换为服务器可以理解的内容？

33 个答案:

答案 0 :(得分：506)

简单而愚蠢

var date = new Date(); 
var now_utc =  Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),
 date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());

 return new Date(now_utc);

答案 1 :(得分：320)

  

toISOString()方法返回简化扩展ISO中的字符串   格式（ISO 8601），总长度为24或27个字符   （YYYY-MM-DDTHH:mm:ss.sssZ或±YYYYYY-MM-DDTHH:mm:ss.sssZ，   分别）。时区始终为零UTC偏移，如表示   后缀“Z”。

来源：MDN web docs

您需要的格式是使用.toISOString()方法创建的。对于本身不支持此方法的旧浏览器（ie8及以下），可以找到垫片here：

这将使您能够做您需要的事情：

var isoDate = new Date('yourdatehere').toISOString();

对于时区工作，moment.js and moment.js timezone是非常宝贵的工具......尤其适用于在客户端和服务器javascript之间导航时区。

答案 2 :(得分：169)

这是我的方法：

var now = new Date();
var utc = new Date(now.getTime() + now.getTimezoneOffset() * 60000);

生成的utc对象实际上不是UTC日期，而是本地日期转移以匹配UTC时间（请参阅注释）。但是，在实践中它可以胜任。

答案 3 :(得分：24)

Date.prototype.toUTCArray= function(){
    var D= this;
    return [D.getUTCFullYear(), D.getUTCMonth(), D.getUTCDate(), D.getUTCHours(),
    D.getUTCMinutes(), D.getUTCSeconds()];
}

Date.prototype.toISO= function(){
    var tem, A= this.toUTCArray(), i= 0;
    A[1]+= 1;
    while(i++<7){
        tem= A[i];
        if(tem<10) A[i]= '0'+tem;
    }
    return A.splice(0, 3).join('-')+'T'+A.join(':');    
}

答案 4 :(得分：20)

转换为ISO而不更改日期/时间 

var now = new Date(); // Fri Feb 20 2015 19:29:31 GMT+0530 (India Standard Time) 
var isoDate = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString();
//OUTPUT : 2015-02-20T19:29:31.238Z

转换为ISO并更改日期/时间（日期/时间将更改） 

isoDate = new Date(now).toISOString();
//OUTPUT : 2015-02-20T13:59:31.238Z

Fiddle link

答案 5 :(得分：18)

浏览器可能会有所不同，您还应该记住不信任客户端生成的任何信息，如上所述，以下声明适用于我（Mac OS X 10.8.2上的Google Chrome v24）

var utcDate = new Date(new Date().getTime());

编辑：“这与new Date()有什么不同？”见这里：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

  • 如果未提供参数，构造函数将根据系统设置为当前日期和时间创建JavaScript Date对象。
  • 注意：如果将Date作为具有多个参数的构造函数调用，则指定的参数表示本地时间。如果需要UTC，请使用具有相同参数的新日期（Date.UTC(...)）。 （注意：Date.UTC（）返回自1970-01-01 00:00:00 UTC后的毫秒数）

如先前的答案所述，添加60000 * Date.getTimezoneOffset（）是不正确的。首先，您必须将所有日期/时间视为UTC，并使用时区修饰符进行显示。

同样，浏览器可能会有所不同，但Date.getTime（）会返回自1970-01-01 UTC / GMT以来的毫秒数。如果您使用此编号创建一个新日期，就像我上面那样，它将是UTC / GMT。但是，如果通过调用.toString（）显示它，它将显示在您的本地时区，因为.toString（）使用您的本地时区，而不是调用它的Date对象的时区。

我还发现，如果你在一个日期调用.getTimezoneOffset（），它将返回你的本地时区，而不是你调用它的日期对象的时区（我不能验证这是标准的）。

在我的浏览器中，添加60000 * Date.getTimezoneOffset（）会创建一个不是UTC 的DateTime。但是，当我在浏览器中显示时（例如：.toString（）），如果忽略时区信息，它会在我的本地时区显示一个正确的UTC时间。

答案 6 :(得分：14)

var myDate = new Date(); // Set this to your date in whichever timezone.
var utcDate = myDate.toUTCString();

答案 7 :(得分：7)

您是否尝试将日期转换为类似的字符串？

我会做一个函数来做到这一点，虽然它有点争议，但是把它添加到Date原型中。如果您对此不满意，那么您可以将其作为独立函数，将日期作为参数传递。

Date.prototype.getISOString = function() {
    var zone = '', temp = -this.getTimezoneOffset() / 60 * 100;
    if (temp >= 0) zone += "+";
    zone += (Math.abs(temp) < 100 ? "00" : (Math.abs(temp) < 1000 ? "0" : "")) + temp;

    // "2009-6-4T14:7:32+10:00"
    return this.getFullYear()   // 2009
         + "-"
         + (this.getMonth() + 1) // 6
         + "-"
         + this.getDate()       // 4
         + "T"
         + this.getHours()      // 14
         + ":"
         + this.getMinutes()    // 7
         + ":"
         + this.getSeconds()    // 32
         + zone.substr(0, 3)    // +10
         + ":"
         + String(temp).substr(-2) // 00
    ;
};

如果你需要它在UTC时间，只需用getUTC *替换所有get *函数，例如：getUTCFullYear，getUTCMonth，getUTCHours ...然后只在末尾添加“+00：00”而不是用户的时区偏移量。

答案 8 :(得分：7)

date = '2012-07-28'; stringdate = new Date(date).toISOString();

应该适用于大多数较新的浏览器。它在Firefox 6.0上返回2012-07-28T00:00:00.000Z

答案 9 :(得分：7)

我在处理日期时的建议是将日期解析为用户输入的各个字段。你可以将它用作一个完整的字符串，但你正在玩火。

JavaScript可以以不同的格式处理两个相同的日期。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse

不要做任何事情：

new Date('date as text');

将日期从用户输入解析为其各个字段后，创建日期对象。创建日期对象后，通过添加时区偏移将其转换为UTC。我不能强调由于DST而使用日期对象的偏移量是多么重要（这是为了说明原因的另一个讨论）。

var year = getFullYear('date as text');
var month = getMonth('date as text');
var dayOfMonth = getDate('date as text');

var date = new Date(year, month, dayOfMonth);

var offsetInMs = ((date.getTimezoneOffset() * 60)  // Seconds
                 * 1000);                          //  Milliseconds

var utcDate = new Date(date.getTime + offsetInMs);

现在您可以在UTC时间内将日期传递给服务器。我强烈建议不要使用任何日期字符串。将其传递给服务器，细分到您需要的最低粒度，例如：年，月，日，分或从unix时代开始的毫秒数值。

答案 10 :(得分：5)

如果你经常处理日期，那么值得使用moment.js（http://momentjs.com）。转换为UTC的方法是：

moment(yourTime).utc()

您可以使用格式将日期更改为您想要的任何格式：

moment(yourTime).utc().format("YYYY-MM-DD")

瞬间也有偏移选项，但还有一个额外的补充库来处理时区（http://momentjs.com/timezone/）。时间转换就像这样简单：

moment.tz(yourUTCTime, "America/New_York")

答案 11 :(得分：5)

转换为UTC并将其保留为日期对象的另一种解决方案： （它的工作原理是从格式化字符串的末尾删除'GMT'部分，然后将其放回Date构造函数中）

var now = new Date();
var now_utc = new Date(now.toUTCString().slice(0, -4));

我需要这样做才能与日期时间选择器库连接。但总的来说，以这种方式处理日期是一个坏主意。

用户通常希望在本地时间使用日期时间，因此您要么更新服务器端代码以正确解析具有偏移量的日期时间字符串，然后转换为UTC（最佳选项），要么转换为UTC字符串客户端之前发送到服务器（如Will Stern的回答）

答案 12 :(得分：4)

我发现jQuery Globalization Plugin日期解析效果最好。其他方法有跨浏览器问题，像date.js这样的东西在很长一段时间内都没有更新。

页面上也不需要datePicker。您可以调用与文档中给出的示例类似的内容：

$.parseDate('yy-mm-dd', '2007-01-26');

答案 13 :(得分：4)

我刚刚发现Steven Levithan的date.format.js的1.2.3版本正是我想要的。它允许您为JavaScript日期提供格式字符串，并将从本地时间转换为UTC。这是我现在使用的代码：

// JavaScript dates don't like hyphens!    
var rectifiedDateText = dateText.replace(/-/g, "/");
var d = new Date(rectifiedDateText);

// Using a predefined mask from date.format.js.
var convertedDate = dateFormat(d, 'isoUtcDateTime');

答案 14 :(得分：3)

这个功能对我很有效。

function ParseDateForSave(dateValue) {
    // create a new date object
    var newDate = new Date(parseInt(dateValue.substr(6)));

    // return the UTC version of the date
    return newDate.toISOString();
}

答案 15 :(得分：2)

使用moment.js UTC method; 

const moment = require('moment');
const utc = moment.utc(new Date(string));

答案 16 :(得分：1)

如果您的日期有时区，您可以使用 date-fns-tz：

import { zonedTimeToUtc } from 'date-fns-tz';

const dateBrazil = new Date() // I'm in Brazil, you should have or get the user timezone.
const dateUtc = zonedTimeToUtc(dateBrazil, 'America/Sao_Paulo')

答案 17 :(得分：1)

查看您的问题，明确表示您只想将日期范围发送到后端进行进一步的后期处理。

我假设您符合标准数据准则，该准则期望数据采用特定格式。例如，我使用ODATA，这是一个RESTfull API，它希望日期时间对象的格式为： -

  

YYYY-MM-DDT00：00：00

可以通过下面发布的代码段轻松实现（请根据您的要求更改格式）。

var mydate;//assuming this is my date object which I want to expose var UTCDateStr = mydate.getUTCFullYear() + "-" + mydate.getUTCMonth() + "-" + mydate.getUTCDate() + "T00:00:00";

如果另一方面，您处于我的状态，即您从后端收到日期，浏览器会将其转换为您当地的日期。另一方面，您对UTC日期感兴趣，然后您可以执行以下操作： -

var mydate;//assuming this is my date object which I want to expose var UTCDate = new Date(mydate);/*create a copy of your date object. Only needed if you for some reason need the original local date*/ UTCDate.setTime(UTCDate.getTime() + UTCDate.getTimezoneOffset() * 60 * 1000);

上面的代码片段基本上根据时区添加/减去浏览器添加/减去的时间。

例如，如果我在EST（GMT-5）并且我的服务返回日期时间对象= 2016年8月17日星期三00:00:00 GMT-0500 我的浏览器会自动减去时区偏移量（5小时）以获取当地时间。因此，如果我尝试获取时间，我将获得2016年8月16日星期三19:00:00 GMT-0500。这会导致很多问题。有很多库，这肯定会使这更容易，但我想分享纯JS方法。

如需更多信息，请查看：http://praveenlobo.com/blog/how-to-convert-javascript-local-date-to-utc-and-utc-to-local-date/我的灵感来自哪里。

希望这有帮助！

答案 18 :(得分：1)

var userdate = new Date("2009-1-1T8:00:00Z");
var timezone = userdate.getTimezoneOffset();
var serverdate = new Date(userdate.setMinutes(userdate.getMinutes()+parseInt(timezone)));

这将为您提供正确的UTC日期和时间 这是因为getTimezoneOffset()会在几分钟内为您提供时区差异。 我建议你不要使用toISOString()因为输出将在字符串中因此将来你将无法操纵日期

答案 19 :(得分：1)

这就是我过去所做的：

var utcDateString = new Date(new Date().toUTCString()).toISOString();

答案 20 :(得分：1)

此方法会为您提供：2017-08-04T11:15:00.000+04:30，您可以忽略区域变量，只需获取2017-08-04T11:15:00.000。

function getLocalIsoDateTime(dtString) {
    if(dtString == "")
        return "";
    var offset = new Date().getTimezoneOffset();
    var localISOTime = (new Date(new Date(dtString) - offset * 60000 /*offset in milliseconds*/)).toISOString().slice(0,-1);
    //Next two lines can be removed if zone isn't needed.
    var absO = Math.abs(offset);
    var zone = (offset < 0 ? "+" : "-") + ("00" + Math.floor(absO / 60)).slice(-2) + ":" + ("00" + (absO % 60)).slice(-2);
    return localISOTime + zone;
}

答案 21 :(得分：1)

<块引用>

getTimezoneOffset() 方法返回时区差异，在 分钟，从当前语言环境（主机系统设置）到 UTC。

来源：MDN web docs

这意味着如果本地时区落后于 UTC，则偏移量为正，如果超过 UTC，则为负。例如，对于时区 UTC+02:00，将返回 -120。

let d = new Date();
console.log(d);
d.setTime(d.getTime() + (d.getTimezoneOffset() * 60000));
console.log(d);

注意：这会将日期对象时间移动到UTC±00:00并且不转换它的时区，因此日期对象时区仍然相同，但值将在 UTC±00:00 中。

答案 22 :(得分：0)

如果您需要日期对象

仅传递日期字符串Date假定时间为00:00（按时区偏移）：

new Date('2019-03-11')
Sun Mar 10 2019 18:00:00 GMT-0600 (Central Standard Time)

如果添加当前时数和分钟数，您将获得正确的日期：

new Date('2019-03-11 ' + new Date().getHours() + ':' + new Date().getMinutes())
Mon Mar 11 2019 04:36:00 GMT-0600 (Central Standard Time)

答案 23 :(得分：0)

对于其他人的目标是将其作为“日期对象”而不是字符串，并且您只想显示没有 TZ（可能是硬编码）的日期/时间，您可以做的是： 

const now = new Date();
const year = now.getUTCFullYear();
const month = now.getUTCMonth();
const day = now.getUTCDate();
const hour = now.getUTCHours();

const tomorrowUTC= new Date();
tomorrowUTC.setDate(day + 1); // +1 because my logic is to get "tomorrow"
tomorrowUTC.setYear(year);
tomorrowUTC.setMonth(month);
tomorrowUTC.Hours(hour);

// then use the tomorrowUTC for to display/format it
// tomorrowUTC is a "Date" and not a string.

然后您可以执行以下操作：

We will delete your account at ${format(tomorrowUTC, 'EEEE do MMMM hh:mmaaa')} UTC

(format 是一个 date-fns 函数，如果需要，您可以使用其他库);

这有点“hacky”，因为它仍在使用您的本地时区，但如果您只想显示日期而不是时区，那么这可行。

答案 24 :(得分：0)

到目前为止，我发现获取 GMT 时间的最佳方法是首先获取您的本地日期时间。然后转换为 GMT 字符串。然后使用字符串通过删除时区来构建新时间。

let dtLocal = new Date()
let dt = new Date(dtLocal.toISOString().split('Z')[0])

注意： - 它将在 GMT 中创建新的日期时间。但它将是本地日期时间，因为时区将附加到它。

答案 25 :(得分：0)

您可以使用以下方法将任何js日期转换为UTC：

let date = new Date(YOUR_DATE).toISOString()

// It would give the date in format "2020-06-16T12:30:00.000Z" where Part before T is date in YYYY-MM-DD format, part after T is time in format HH:MM:SS  and Z stands for UTC - Zero hour offset

答案 26 :(得分：0)

const event = new Date（）;

console.log（event.toUTCString（））;

答案 27 :(得分：0)

也许有人会发现它有用。

我的用例：

我正在创建一个待办事项应用程序，您可以在其中设置任务的日期。无论您处于哪个时区，该日期都应保持不变。

例如。您在一个国家/地区，并将任务日期设置为6月25日。然后，您飞往任何其他国家，无论如何，我希望该任务的日期保持在6月25日。

所以让您进入中国吧，这是6月20日在您的手机上。您希望几天后早上致电给您的朋友，以便将任务设置提醒日期设置为6月25日上午8:00。

然后，您飞往美国，在纽约放松身心。几天后，您在这里起床并在手机上看到6月25日，时间是7:55。您应该在5分钟内收到提醒，即使您在地球上的其他地方，也要晚些/早些时候收到它。

我要做的是，每次用户在本地时区中选择一个日期时，我都会将此本地日期转换为UTC中的相同日期，而忽略时区。因此，如果您将其设置为当地时间6月25日，那么我会将其转换为UTC的6月25日。

然后，下次打开应用程序时，您可能处于不同的时区，我得到了UTC 6月25日的日期，并将其转换为用户本地时区的6月25日，因此仍然是6月25日（这可能意味着不同的时间点） ，但在您的本地纸质日历上是同一天）

我的功能是（打字稿）

export function convertLocalDateToUTCIgnoringTimezone(date: Date) {
  const timestamp = Date.UTC(
    date.getFullYear(),
    date.getMonth(),
    date.getDate(),
    date.getHours(),
    date.getMinutes(),
    date.getSeconds(),
    date.getMilliseconds(),
  );

  return new Date(timestamp);
}

export function convertUTCToLocalDateIgnoringTimezone(utcDate: Date) {
  return new Date(
    utcDate.getUTCFullYear(),
    utcDate.getUTCMonth(),
    utcDate.getUTCDate(),
    utcDate.getUTCHours(),
    utcDate.getUTCMinutes(),
    utcDate.getUTCSeconds(),
    utcDate.getUTCMilliseconds(),
  );
}

然后，我以如下方式保存/读取该日期：

function saveTaskDate(localDate: Date) {
  // I convert your local calendar date so it looks like you've picked it being in UTC somewhere around London
  const utcDate = convertLocalDateToUTCIgnoringTimezone(localDate);
  api.saveTaskDate(utcDate);
}

function readTaskDate(taskUtcDate: Date) {
  // I convert this UTC date to 'look in your local timezone' as if you were now in UTC somewhere around london
  const localDateWithSameDayAsUTC = convertUTCToLocalDateIgnoringTimezone(taskUtcDate);

  // this date will have the same calendar day as the one you've picked previously
  // no matter where you were saving it and where you are now
}

答案 28 :(得分：0)

纱线添加时刻

import moment from 'moment';

//local Js date to UTC using moment
const utcDate = moment.utc(moment(new date()).format('YYYY-MM-DDTHH:mm:ss')).valueOf();
console.log('UTC Date', utcDate);


// UTC to local date without moment
const localDate = convertUTCDateToLocalDate(new Date(utcDate))
console.log('UTC Date', moment(localDate).format('MMM D, YYYY HH:mm'));


function convertUTCDateToLocalDate(date) {

   let newDate = new Date(date.getTime() + date.getTimezoneOffset()*60*1000);

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

   newDate.setHours(hours - offset);

   return newDate;

}

答案 29 :(得分：0)

所以这是我必须采取的方法，因为我仍然希望将JavaScript date对象作为日期进行操作，不幸的是，很多这些答案都要求您使用字符串。 

//First i had a string called stringDateVar that i needed to convert to Date
var newDate = new Date(stringDateVar)

//output: 2019-01-07T04:00:00.000Z
//I needed it 2019-01-07T00:00:00.000Z because i had other logic that was dependent on that 

var correctDate = new Date(newDate.setUTCHours(0))

//This will output 2019-01-07T00:00:00.000Z on everything which allows scalability

答案 30 :(得分：0)

使用即时包，您可以轻松地将UTC的日期字符串转换为新的Date对象：

const moment = require('moment');
let b = new Date(moment.utc('2014-02-20 00:00:00.000000'));
let utc = b.toUTCString();
b.getTime();

当您的服务器不支持时区，并且您想始终将UTC日期存储在服务器中并将其作为新的Date对象获取时，这特别有用。上面的代码满足了我对此线程用于类似问题的要求。在这里分享，以便对他人有所帮助。我在任何答案中都看不到上述解决方案。谢谢。

答案 31 :(得分：0)

我知道这个问题已经过时了，但正在考虑同样的问题，一个选项是将date.valueOf（）发送到服务器。 javascript日期的valueOf（）函数发送自UTC时间1970年1月1日午夜以来的毫秒数。

valueOf()

答案 32 :(得分：-7)

更简单的

myvar.setTime(myvar.getTime() + myvar.getTimezoneOffset() * 60000);
相关问题
最新问题