如何将JavaScript日期转换为UTC?

2020/09/23 10:41 · javascript ·  · 0评论

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

2009-1-1 to 2009-1-3

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

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

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

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

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

资料来源: MDN网站文件

您需要的格式是使用.toISOString()方法创建的对于旧的浏览器(IE8及以下),其本身不支持此方法,垫片可以发现这里

这将使您能够执行所需的操作:

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

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

简单而愚蠢

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

这是我的方法:

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

生成的utc对象并不是真正的UTC日期,而是将本地日期更改为与UTC时间匹配(请参见注释)。但是,在实践中它确实可以做到。

转换为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 

小提琴链接

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

浏览器可能有所不同,并且您还应该记住不要信任客户端生成的任何信息,也就是说,以下声明对我有用(Mac OS X 10.8.2上的Google Chrome v24)

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


编辑:“这与刚才new Date()有何不同?” 参见此处:https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date

  • 如果未提供任何参数,则构造函数将根据系统设置为当前日期和时间创建一个JavaScript Date对象。
  • 注意:如果将Date用作具有多个自变量的构造函数,则指定的自变量表示本地时间。如果需要UTC,请使用带有相同参数的新Date(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()),它将在我的本地时区中显示一个DateTime,如果忽略时区信息,则该时间将是正确的UTC时间。

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

转换为UTC并将其保留为日期对象的另一种解决方案:(它的工作方式是从格式化字符串的末尾删除“ GMT”部分,然后将其放回Date构造函数中)

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

我需要执行此操作以与日期时间选择器库交互。但是总的来说,以这种方式处理日期是个坏主意。

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

您是否正在尝试将日期转换成这样的字符串?

我会做一个函数来做到这一点,尽管有点争议,但是将它添加到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时间需要它,只需将所有get *函数替换为getUTC *,例如:getUTCFullYear,getUTCMonth,getUTCHours ...,然后在末尾添加“ +00:00”,而不是用户的时区偏移量。

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

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

对于日期,我的建议是将日期解析为来自用户输入的各个字段。您可以将其用作完整字符串,但是您正在玩火。

JavaScript可以以不同的格式对待两个相等的日期。

https://developer.mozilla.org/zh-CN/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纪元的毫秒数。

如果您要处理很多日期,那么值得使用moment.js(http://momentjs.com)。转换为UTC的方法是:

moment(yourTime).utc()

您可以使用format将日期更改为所需的任何格式:

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

目前还提供偏移选项,但还有一个用于处理时区的附加补充库(http://momentjs.com/timezone/)。时间转换将像这样简单:

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

无论在客户端设置什么时区,我的解决方案都可以使日期保持不变。也许有人会发现它有用。

我的用例:

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

例。您想在6月25日上午8点给您的朋友打电话。

您在中国之前(6月20日)的5天创建此任务。

然后,在同一天,您将飞往纽约几天。

然后在6月25日,当您仍在纽约时,您将在上午7:30醒来(这意味着您应该在30分钟内收到任务通知(即使在中国创建时已经是下午1:30)任务)

因此,任务是忽略时区。这意味着“我想在任何时区的上午8点执行此操作”。

我要做的是说“我假设您一直在伦敦时区-UTC”。

意思是-当用户在他/他的时区中选择某个日期时,我将此日期转换为UTC中的相同日期。即。您在中国选择上午8点,但我将其转换为UTC的上午8点。

然后-下次您打开该应用程序时-我将读取保存在UTC中的日期并将其转换为当前时区中的相同日期-例如。我将UTC的上午8点转换为纽约时区的上午8点。

此解决方案意味着日期可能会具有其他含义,具体取决于您在设置日期和在何处阅读日期,但是日期保持不变,就像您总是在同一时区一样。

让我们写一些代码:

首先-我们有2个主要功能,可在不考虑时区的情况下进行UTC的转换:

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
}

我发现jQuery全球化插件日期解析最有效。其他方法也存在跨浏览器的问题,并且诸如date.js之类的东西已经很长时间没有更新了。

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

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

我刚刚发现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'); 

这个功能对我来说很漂亮。

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

使用moment.js UTC方法 ;

const moment = require('moment');
const utc = moment.utc(new Date(string));
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()因为输出将在字符串中,因此将来您将无法操纵日期

这是我过去所做的:

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

如果需要日期对象

仅传递日期字符串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)

查看您的问题,很明显,您只想将日期范围发送到后端进行进一步的后期处理。

我假设您符合标准数据准则,该准则要求数据采用特定格式。例如,我使用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日星期三GMT-0500,则我的浏览器会自动减去时区偏移量(5小时)以获取我的本地时间。因此,如果我想获取时间,我会在2016年8月16日星期三19:00:00:00 GMT-0500。这引起很多问题。那里有很多库肯定会让这变得更容易,但是我想分享纯JS方法。

有关更多信息,请查看:http : //praveenlobo.com/blog/how-to-convert-javascript-local-date-to-utc-and-utc-to-local-date/我在哪里得到我的灵感。

希望这可以帮助!

此方法将给您:2017-08-04T11:15:00.000+04:30并且您可以忽略zone变量以简单地获取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;
}

使用即时包,您可以轻松地将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对象获取时,这特别有用。上面的代码满足了我对此线程用于类似问题的要求。在这里分享,以便对他人有所帮助。我在任何答案中都看不到上述解决方案。谢谢。

const event = new Date();

console.log(event.toUTCString());

我知道这个问题很旧,但是正在研究同样的问题,一种选择是改为将date.valueOf()发送到服务器。javascript日期的valueOf()函数发送自1970年1月1日午夜以来的毫秒数。

的价值()

所以这就是我必须这样做的方法,因为我仍然希望将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 

加纱力矩

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;

}

您可以使用以下方法将任何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

更简单

myvar.setTime(myvar.getTime() + myvar.getTimezoneOffset() * 60000);
本文地址:http://javascript.askforanswer.com/ruhejiangjavascriptriqizhuanhuanweiutc.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!