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

Question

我想要一个默认值为（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中尝试过。

Answer 1

这里有一个可能对您有所帮助的链接。它向您显示接受类型为“date”的输入的浏览器。 http://caniuse.com/#feat=input-datetime 为了使它更“crossbrowser”，你应该考虑使用jQuery-UI datepicker（http://jqueryui.com/datepicker/）。这很容易使用。

Answer 2

HTML5的新输入类型是新的，这使得它们非常严格且难以使用。它们很难操纵，风格和定制。

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

我有一个日历datepicker纯javascript，我一遍又一遍地使用它，因为我可以让它做任何我想做的事。