具有默认初始值的日期时间选择器(仅限基本Html和Javascript）

Datetime picker with default initial value (basic Html & Javascript only)

本文关键字：Html Javascript 选择器 默认 时间 日期      更新时间：2023-09-26

我想要一个默认值为（Date.now）的日期时间选择器，但我只受javascript限制（没有jquery）。

我用一个破解成功了，有更好的方法吗

HTML

<input type="text" id="inputDate">

Javascript

var dateField = document.getElementById("inputDate");
var date = new Date();
dateField.setAttribute("type", "datetime-local");
dateField.setAttribute("value", date.toISOString().slice(0, 19));

我想知道这是否适用于所有浏览器，只在Chrome中尝试过。

这里有一个可能对您有所帮助的链接。它显示了接受"日期"类型输入的浏览器。http://caniuse.com/#feat=input-日期时间为了使它更"跨浏览器"，您应该考虑使用jQueryUI日期选择器(http://jqueryui.com/datepicker/)。它真的很容易使用。

HTML5的新输入类型是新的，这使得它们非常受限且难以使用。它们很难操作、设计和定制。

我会使用一个带有"人造"向下箭头的html简单文本框，你可以点击并填充你的日历（或者你想显示的任何内容）。这一切都可以通过简单的javascript和textBox来完成。

我有一个日历日期选择器纯javascript，我反复使用它，因为我可以让它做我想做的任何事情。

相关文章：