我有一个网页,有三个下拉菜单,分别是日、月和年。如果我使用JavaScript Date构造函数接受数字,那么我得到一个Date对象为我的当前时区:
new Date(xiYear, xiMonth, xiDate)
给出正确的日期,但由于夏令时,它认为日期是GMT+01:00。
这里的问题是,然后我将这个日期传递给一个Ajax方法,当日期在服务器上被反序列化时,它已经转换为GMT,因此失去了一个小时,这将一天往回移动了一个小时。
现在我可以将日、月和年分别传递到Ajax方法中,但似乎应该有更好的方法。
接受的答案为我指明了正确的方向,但是仅仅使用setUTCHours()本身就改变了:
Apr 5th 00:00 GMT+01:00
to
Apr 4th 23:00 GMT+01:00
然后,我还必须设置UTC日期、月份和年份
Apr 5th 01:00 GMT+01:00
这正是我想要的
这段代码将返回使用浏览器时区格式化的Date对象。
Date.prototype.timezone = function () {
this.setHours(this.getHours() + (new Date().getTimezoneOffset() / 60));
return this;
}
编辑:
为了避免污染Date API,可以将上述函数转换为实用函数。该函数接受一个Date对象,并返回一个变化的Date对象。
function setTimeZone(date) {
date.setHours(date.getHours() + (new Date().getTimezoneOffset() / 60));
return date;
}
我相信你需要createDateAsUTC函数(请与convertDateToUTC比较)
function createDateAsUTC(date) {
return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()));
}
function convertDateToUTC(date) {
return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
}
我发现获得正确日期的最简单方法是使用datejs。
http://www.datejs.com/
我通过Ajax获得我的日期,格式为字符串:'2016-01-12T00:00:00'
var yourDateString = '2016-01-12T00:00:00';
var yourDate = new Date(yourDateString);
console.log(yourDate);
if (yourDate.getTimezoneOffset() > 0){
yourDate = new Date(yourDateString).addMinutes(yourDate.getTimezoneOffset());
}
console.log(yourDate);
控制台将读取:
2016年1月11日星期一19:00:00 GMT-0500(东部标准时间)
2016年1月12日星期二00:00:00 GMT-0500(美国东部标准时间)
https://jsfiddle.net/vp1ena7b/3/
“addMinutes”来自datejs,你可能可以在你自己的纯js中这样做,但我已经在我的项目中有datejs,所以我找到了一种方法来使用它来获得正确的日期。
我想这可能会帮助到某人…
我在使用日期选择器时也遇到过类似的问题。我的研究导致了一个非常简单的解决方案,没有任何额外的库或硬编码的乘数。
关键信息:
ISO是Javascript首选的日期标准。假设日期实用程序可能会以这种格式返回日期值。
我的日期选择器以本地化格式显示日期:mm/dd/yyyy
但是,它以ISO格式返回日期值:yyyy-mm-dd
//在Date Picker date_input中选择“08/12/2020”
Var input = $('#date_input').val();/ /输入:2020-08-12
Date.getTimezoneOffset()返回以分钟为单位的偏移量。
例子:
如果使用默认返回日期值而不修改字符串格式,则日期可能无法设置为您的时区。这可能会导致意想不到的结果。
var input = $('#date_input').val(); //input: 2020-08-12
var date = new Date(input); //This get interpreted as an ISO date, already in UTC
//date: Tue Aug 11 2020 20:00:00 GMT-0400 (Eastern Daylight Time)
//date.toUTCString(): Wed, 12 Aug 2020 00:00:00 GMT
//date.toLocaleDateString('en-US'): 8/11/2020
使用与ISO标准yyyy-mm-dd不同的日期字符串格式将您的时区应用于日期。
var date = new Date("08/12/2020"); //This gets interpreted as local timezone
//date: Wed Aug 12 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
//date.toUTCString(): Wed, 12 Aug 2020 04:00:00 GMT
//date.toLocaleDateString('en-US'): 8/12/2020
解决方案:
要将您的时区应用到格式无关的日期,而不做字符串操作,使用Date. gettimezoneoffset()与分钟。这适用于原始日期字符串格式(即UTC日期或本地化日期)。它提供了一个一致的结果,然后可以准确地转换为UTC,用于存储或与其他代码交互。
var input = $('#date_input').val();
var date = new Date(input);
date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
//date: Wed Aug 12 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
//date.toUTCString(): Wed, 12 Aug 2020 04:00:00 GMT
//date.toLocaleDateString('en-US'): 8/12/2020