element.valueAsDate = xxx - 不再工作......（javascript）

Question

在我的应用程序中，我有一个为某些日期设置默认值的 javascript。执行此操作的函数如下所示：

<script language='javascript'> 
setNow(document.getElementById('date_86')); //line 166
setNow(document.getElementById('time_86'));
setNow(document.getElementById('date_0'));
setNow(document.getElementById('time_0'));

    function setNow(element) { //line 173
        date = new Date();date.setHours(date.getHours() + 3);
        element.valueAsDate = date;
    }
...
</script>

html:

<input type='date' id='date_86' name='date_86' />

有趣的是，直到最近它还可以正常工作，但现在不行了，Chrome 的控制台显示：

Uncaught Error: INVALID_STATE_ERR: DOM Exception 11
setNowmanual.html:173
(anonymous function)manual.html:166

如果我理解正确的话，我真的不明白为什么 setNow 不是这个 DOM 中的对象。

PS：当我交换声明和调用时发生同样的事情，只是控制台报告中的行号不同。

Answer 1

该死的！ 引自 Chromium 博客 (source)

大家好，我们禁用了以下输入类型，以及 Google Chrome 16不会有他们。 日期、日期时间、本地日期时间、月份、时间和周。这些类型具有带有旋转按钮的简单文本字段界面。自从 Google Chrome 16，它们不被识别为有效的输入类型，并且 作为类型=文本工作。他们被禁用是因为他们的 不完整性。他们的用户界面并不令人满意，而且 这些类型的存在对特征检测是有害的。好吧 当我们完成它们的丰富实现时再次启用它们 用户界面。 -- TAMURA，Kent 软件工程师，Google

Answer 2

编辑：根据我刚刚在此处阅读的内容：http://www.w3.org/TR/html5/common-input-element-attributes.html 如果您尝试在“不是基于日期或时间”的控件上设置 valueAsDate，则会引发错误，但鉴于您的输入是type="date"我不知道发生了什么。

编辑 2：根据此页面：https://groups.google.com/a/chromium.org/group/chromium-html5/browse_thread/thread/d1a22c42ebdf8ee4/9eb4210ce60341b1 Chrome 版本 16 已禁用日期和时间输入类型，它们将被视为文本。

Chrome 似乎不喜欢自定义属性/属性的点语法。请改用.setAttribute()：

// Chrome doesn't like
element.valueAsDate = date;

// So do this:
element.setAttribute("valueAsDate",date);

// And to retrieve the value:
var v = element.getAttribute("valueAsDate")