个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
如何从 html 日期选择器正确初始化与时区无关的日期(或者我猜是固定到 html 端和 JS 端的单个时区的日期)？
我有以下简单代码，它产生了不正确的日期:
function printDate(){
let d = new Date(document.getElementById("date").value)
alert(d)
}
document.getElementById("printDate").addEventListener("click", e => printDate())<html>
<body>
Print Date: <br><input type="date" id="date"> <button id="printDate">Add</button>
</body>
</html>但至少在我的电脑上，目前使用美国山区时间，它产生了不正确的日期。我给它今天的日期(2019 年 3 月 9 日)，它以以下格式提醒昨天的日期:Fri Mar 08 2019 17:00:00 GMT-0700 (MST)。我如何让它不那样做？
我真的只是想让它假定所有输入和所有输出都在 GMT 时间。
最佳答案
在 <input type="date" /> 中元素，所选日期以语言环境格式显示，但 value属性总是在 yyyy-mm-dd 中返回格式，如 the MDN docs 中所述.
换句话说，当您选择 2019 年 3 月 9 日时，您可能会看到 03/09/2019来自美国或09/03/2019在世界其他地方，但是value是2019-03-09无论任何时区或本地化设置如何。这是一件好事，因为它允许您以标准 ISO 8601 格式处理所选日期，而无需尝试应用时间。
但是，当您使用 Date 解析该格式的日期字符串时对象的构造函数(或使用 Date.parse )，您会遇到一个已知问题:日期未被视为本地时间，而是被视为 UTC。这是 ISO 8601 的相反。
这描述了in the MDN docs :
Note: parsing of date strings with the Date constructor (and
Date.parse, they are equivalent) is strongly discouraged due to browser differences and inconsistencies. Support for RFC 2822 format strings is by convention only. Support for ISO 8601 formats differs in that date-only strings (e.g. "1970-01-01") are treated as UTC, not local.
也是in the ECMAScript specification (强调我的):
... When the time zone offset is absent, date-only forms are interpreted as a UTC time and date-time forms are interpreted as a local time.
有a debate about this in 2015 ，但最终决定保持与现有行为的兼容性比符合 ISO 8601 更重要。
回到您的问题，最好的办法是不将其解析为Date。如果您不需要，请反对。换句话说:
function printDate(){
const d = document.getElementById("date").value;
alert(d);
}
如果你真的需要 Date对象，那么最简单的选择是自己解析值:
function printDate(){
const parts = document.getElementById("date").value.split('-');
const d = new Date(+parts[0], parts[1]-1, +parts[2], 12);
alert(d);
}
注意 ,12最后将时间设置为中午而不是午夜。这是可选的，但它避免了在 DST 在午夜转换的本地时区(巴西、古巴等)不存在午夜时得到错误日期的情况。
然后是你最后的评论:
I really just want it to assume that all input and all output are in GMT.
这与您展示的有点不同。如果这真的是你想要的，那么你可以构造 Date对象，并使用 .toISOString() , .toGMTString() , 或 .toLocaleString(undefined, {timeZone: 'UTC'})
function printDate(){
const d = new Date(document.getElementById("date").value); // will treat input as UTC
// will output as UTC in ISO 8601 format
alert(d.toISOString());
// will output as UTC in an implementation dependent format
alert(d.toGMTString());
// will output as UTC in a locale specific format
alert(d.toLocaleString(undefined, {timeZone: 'UTC'}));
}
关于javascript - 从 HTML 日期选择器 : incorrect date returned 初始化 JS 日期对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55083314/
24
4
0
我是 Spring 新手，这就是我想要做的事情: 我正在使用一个基于 Maven 的库，它有自己的 Spring 上下文和 Autowiring 字段。 它的bean配置文件是src/test/res
我在我的测试脚本中有以下列表初始化: newSequenceCore=["ls", "ns", "*", "cm", "*", "ov", "ov", "ov", "ov", "kd"] (代表要在控
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Class construction with initial values 当我查看 http://en.
我得到了成员变量“objectCount”的限定错误。编译器还返回“ISO C++ 禁止非常量静态成员的类内初始化”。这是主类: #include #include "Tree.h" using n
我有如下所示的a.h class A { public: void doSomething()=0; }; 然后我有如下所示的b.h #include "a.h" class b: publi
我需要解析 Firebase DataSnapshot (一个 JSON 对象)转换成一个数据类，其属性包括 enum 和 list。所以我更喜欢通过传递 DataSnapshot 来手动解析它进入二
我使用 JQuery 一段时间了，我总是使用以下代码来初始化我的 javascript: $(document).ready( function() { // Initalisation logic
这里是 Objective-C 菜鸟。 为什么会这样: NSString *myString = [NSString alloc]; [myString initWithFormat:@"%f", s
我无法让核心数据支持的 NSArrayController 在我的代码中正常工作。下面是我的代码: pageArrayController = [[NSArrayController alloc] i
我对这一切都很陌生，并且无法将其安装到我的后端代码中。它去哪里？在我的页脚下面有我所有的 JS？ 比如，这是什么意思: Popup initialization code should be exec
这可能是一个简单的问题，但是嘿，我是初学者。 所以我创建了一个程序来计算一些东西，它目前正在控制台中运行。我决定向其中添加一个用户界面，因此我使用 NetBeans IDE 中的内置功能创建了一个 J
我有 2 个 Controller ，TEST1Controller 和 TEST2Controller 在TEST2Controller中，我有一个initialize()函数设置属性值。 如果我尝
据我所知， dependentObservable 在声明时会进行计算。但如果某些值尚不存在怎么办？ 例如: var viewModel ={}; var dependentObservable1 =
我正在阅读 POODR 这本书，它使用旧语法进行默认值初始化。我想用新语法实现相同的功能。 class Gear attr_reader :chainring, :cog, :wheel de
我按照 polymer 教程的说明进行操作: https://www.polymer-project.org/3.0/start/install-3-0 (我跳过了可选部分) 但是，在我执行命令“po
很抱歉问到一个非常新手的Kotlin问题，但是我正在努力理解与构造函数和初始化有关的一些东西。 我有这个类和构造函数: class TestCaseBuilder constructor(
假设我们有一个包含 30 列和 30 行的网格。 生命游戏规则简而言之: 一个小区有八个相邻小区 当一个细胞拥有三个存活的相邻细胞时，该细胞就会存活 如果一个细胞恰好有两个或三个活的相邻细胞，那么它就
我是 MQTT 和 Android 开放附件“AOA” 的新手。在阅读教程时，我意识到，在尝试写入 ByteArrayOutputStream 类型的变量之前，应该写入 0 或 0x00首先到该变量。
我有 2 个 Controller ，TEST1Controller 和 TEST2Controller 在TEST2Controller中，我有一个initialize()函数设置属性值。 如果我尝
我有一个inotify /内核问题。我正在使用“inotify” Python项目进行观察，但是，我的问题仍然是固有的关于inotify内核实现的核心。 Python inotify项目处理递归ino
我是一名优秀的程序员,十分优秀！