javascript - 使用 Chrome 的 datetime-local 自动填充 Date() UTC

Question

存在表单字段日期时间本地自动填充问题，以及 HTML5 表单中 .value 的 Javascript Date() 方法的按钮调用功能。

我已经测试了多种格式，并且可以使用 ISO 日期时间自动填充文本字段，但不能使用本地日期时间填充文本字段？

除了桌面客户端的 Chrome 浏览器日期时间选择器之外，还希望在字段一侧有一个按钮(为了方便用户界面)，用于将当前区域设置时间(客户端)自动填充为标准 Chrome 日期时间本地格式。在移动客户端中，Webkit 正在调用内置的“现在”按钮的 native 日期时间选择器。

注意:我知道此表单数据类型并非在所有浏览器中都可用，并且可能会被弃用。不过，应用程序用户将使用 Chrome 移动版和桌面版作为推荐浏览器(“在...中查看最佳”)，以实现跨硬件的最大一致性。

代码如下:

<p>
<label>Date</label><br> 
<input type="datetime-local" id='my_date' name='my_date' required/>
<button type="button" id='btn_date_now' name='btn_date_now' onClick="get_now_datetime();" >Now</button>
</p>

<script>
function get_now_datetime()
{
var myField = document.getElementById("my_date");
var D = new Date();
myField.value = D.toISOString();
}
</script>

Answer 1

使用 valueAsDate 或 valueAsNumber。尝试以下代码。

function get_now_datetime()
{
    var myField = document.getElementById("my_date");
    var now = new Date();
    myField.valueAsNumber = now.getTime() - now.getTimezoneOffset() * 60000;
}