以用户区域设置格式显示日期/时间和时间偏移

2020/10/24 15:41 · javascript ·  · 0评论

我希望服务器始终以HTML中的UTC形式提供日期,并让客户端站点上的JavaScript将其转换为用户的本地时区。

如果我能以用户的区域设置日期格式输出,则为奖励。

以UTC日期开头的最简单的方法似乎是创建一个新Date对象,并使用该setUTC…方法将其设置为所需的日期/时间。

然后,各种toLocale…String方法将提供本地化输出。

例:

// This would come from the server.
// Also, this whole block could probably be made into an mktime function.
// All very bare here for quick grasping.
d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);

console.log(d);                        // -> Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
console.log(d.toLocaleString());       // -> Sat Feb 28 23:45:26 2004
console.log(d.toLocaleDateString());   // -> 02/28/2004
console.log(d.toLocaleTimeString());   // -> 23:45:26

一些参考:

对于新项目,只需使用moment.js

这个问题已经很老了,所以当时还不存在moment.js,但是对于新项目,它大大简化了此类任务。

最好按以下方式从UTC解析日期字符串(在服务器上创建与ISO-8601兼容的字符串,以在所有浏览器中获得一致的结果):

var m = moment("2013-02-08T09:30:26Z");

现在,只需m在您的应用程序中使用,moment.js就会默认使用本地时区进行显示操作。许多格式化日期和时间值或提取其中一部分的方法。

您甚至可以像这样在用户区域设置格式时刻对象:

m.format('LLL') // Returns "February 8 2013 8:30 AM" on en-us

要将moment.js对象转换为不同的时区(即本地时区和UTC都没有),则需要moment.js时区扩展该页面还有一些示例,使用起来非常简单。

您可以使用new Date().getTimezoneOffset()/60时区。还有toLocaleString()一种使用用户的语言环境显示日期方法。

这是整个列表:处理日期

构造日期对象后,以下是转换的代码段:

该函数采用UTC格式的Date对象和格式字符串。

您将需要一个
Date.strftime原型。

function UTCToLocalTimeString(d, format) {
    if (timeOffsetInHours == null) {
        timeOffsetInHours = (new Date().getTimezoneOffset()/60) * (-1);
    }
    d.setHours(d.getHours() + timeOffsetInHours);

    return d.strftime(format);
}

在JS中,除了如上所述转换每个属性之外,没有简单且跨平台的方法可以格式化本地日期时间。

这是我用来获取本地YYYY-MM-DD的快速技巧。请注意,这是一个hack,因为最终日期将不再具有正确的时区(因此您必须忽略时区)。如果我还有其他需要,可以使用moment.js。

var d = new Date();    
d = new Date(d.getTime() - d.getTimezoneOffset() * 60000)
var yyyymmdd = t.toISOString().slice(0,0); 
// 2017-05-09T08:24:26.581Z (but this is not UTC)

d.getTimezoneOffset()返回以分钟为单位的时区偏移量,而d.getTime()以毫秒为单位,因此为x 60,000。

这是我在过去的项目中使用的:

var myDate = new Date();
var tzo = (myDate.getTimezoneOffset()/60)*(-1);
//get server date value here, the parseInvariant is from MS Ajax, you would need to do something similar on your own
myDate = new Date.parseInvariant('<%=DataCurrentDate%>', 'yyyyMMdd hh:mm:ss');
myDate.setHours(myDate.getHours() + tzo);
//here you would have to get a handle to your span / div to set.  again, I'm using MS Ajax's $get
var dateSpn = $get('dataDate');
dateSpn.innerHTML = myDate.localeFormat('F');
// new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]])
var serverDate = new Date(2018, 5, 30, 19, 13, 15); // just any date that comes from server
var serverDateStr = serverDate.toLocaleString("en-US", {
  year: 'numeric',
  month: 'numeric',
  day: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric'
})
var userDate = new Date(serverDateStr + " UTC");
var locale = window.navigator.userLanguage || window.navigator.language;

var clientDateStr = userDate.toLocaleString(locale, {
  year: 'numeric',
  month: 'numeric',
  day: 'numeric'
});

var clientDateTimeStr = userDate.toLocaleString(locale, {
  year: 'numeric',
  month: 'numeric',
  day: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric'
});

console.log("Server UTC date: " + serverDateStr);
console.log("User's local date: " + clientDateStr);
console.log("User's local date&time: " + clientDateTimeStr);

.getTimezoneOffset()方法以分钟为单位报告时区偏移量,从GMT / UTC时区向“西”计数,从而导致偏移量值与通常所用的值相反。(例如,纽约时间将报告为+240分钟或+4小时)

要获得以小时为单位的正常时区偏移量,您需要使用:

var timeOffsetInHours = -(new Date()).getTimezoneOffset()/60

重要细节:

请注意,夏时制是计算结果的因素-因此,此方法为您提供的实际上是
时间偏移量-而不是实际的地理时区偏移量。

从PHP代码获取日期,我使用了类似的方法。

function getLocalDate(php_date) {
  var dt = new Date(php_date);
  var minutes = dt.getTimezoneOffset();
  dt = new Date(dt.getTime() + minutes*60000);
  return dt;
}

我们可以这样称呼它

var localdateObj = getLocalDate('2015-09-25T02:57:46');

到目前为止,我将所有答案混合并添加到其中,因为我必须阅读所有答案,并进行额外的研究一段时间,才能以用户的本地时区格式显示db中的日期时间字符串。

datetime字符串来自python / django db,格式为:2016-12-05T15:12:24.215Z

在JavaScript中可靠地检测浏览器语言似乎并不适用于所有浏览器(请参阅JavaScript以检测浏览器语言首选项),因此我从服务器获取了浏览器语言。

Python / Django:发送请求浏览器语言作为上下文参数:

language = request.META.get('HTTP_ACCEPT_LANGUAGE')
return render(request, 'cssexy/index.html', { "language": language })

HTML:在隐藏的输入中编写:

<input type="hidden" id="browserlanguage" value={{ language }}/>

JavaScript:获取隐藏输入的值,例如en-GB,en-US; q = 0.8,en; q = 0.6 /,然后仅通过replace和正则表达式获取列表中的第一语言

const browserlanguage = document.getElementById("browserlanguage").value;
var defaultlang = browserlanguage.replace(/(\w{2}\-\w{2}),.*/, "$1");

JavaScript:将其转换为日期时间并设置其格式:

var options = { hour: "2-digit", minute: "2-digit" };
var dt = (new Date(str)).toLocaleDateString(defaultlang, options);

请参阅:https//developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

结果是(浏览器语言是en-gb):05/12/2016,14:58

我遇到的最好的解决方案是创建[time display =“ llll” datetime =“ UTC TIME” /]标签,并使用javascript(jquery)相对于用户的时间进行解析和显示。

http://momentjs.com/ Moment.js

会很好地显示时间。

您可以使用以下命令,以分钟为单位报告与GMT的时区偏移量:

new Date().getTimezoneOffset();

注意:-此函数返回负数。

getTimeZoneOffset()和toLocaleString对于基本日期工作很有用,但是如果需要实时时区支持,请查看mde的TimeZone.js

这个问题的答案中还有其他一些选择

要将日期转换为本地日期,请使用toLocaleDateString()方法。

var date = (new Date(str)).toLocaleDateString(defaultlang, options);

要将时间转换为本地时间,请使用toLocaleTimeString()方法。

var time = (new Date(str)).toLocaleTimeString(defaultlang, options);

不知道如何进行语言环境,但是javascript是一种客户端技术。

usersLocalTime = new Date();

将包含客户的时间和日期(由他们的浏览器报告,并且通过扩展,他们正坐在他们的计算机上报告)。将服务器的时间包括在响应中,并做一些简单的数学运算来猜测最佳偏移量应该是微不足道的。

本文地址:http://javascript.askforanswer.com/yiyonghuquyushezhigeshixianshiriqi-shijianheshijianpianyi.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

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

上一篇:
下一篇:

评论已关闭!