指定 HTML5 输入类型 = 日期的值输出？

Question

我想将本机日期选择器添加到我的应用程序中，该应用程序当前使用遗留的本地系统。日期输入支持尚未广泛普及，但如果我可以基于兼容性提供这两种实现，那就太理想了。

有没有办法指定 HTML 日期选择器给出的值的输出？ Opera 的默认值是 yyyy-mm-dd，我非常明确地需要 dd-MMM-yyyy。

目前有什么办法可以控制这个输出吗？

Answer 1

HTML5 日期输入 字段特定于其使用的格式：
RFC 3339 完整日期

是否可以更改旧的日期选择器使用 yyyy-mm-dd 格式（并更新读取该格式的服务器端）？

我认为不是，所以您可以添加一些 Javascript 粘合代码，用于侦听 HTML5 输入上的更改事件并更新隐藏的日期值字段以匹配旧日期选择器的格式（将 yyyy-mm-dd 转换为 dd-MMM -yyyy）。

Answer 2

在 Google Chrome 中，这种情况最近发生了变化。现在向用户显示的值基于操作系统区域设置。然而，无论呈现格式如何，读数（即 input.value）始终返回为 yyyy-mm-dd。

我认为更有用。

来源：

http://updates .html5rocks.com/2012/08/Quick-FAQs-on-input-type-date-in-Google-Chrome

Answer 3

HTML 日期字段的格式是标准的。虽然无法更改此设置，但只要您的用户启用了 JavaScript，您就可以轻松地将日期对象转换为您正在查找的格式。

// Converts any valid Date string or Date object into the format dd-MMM-yyyy
function dateTransform(d) {
    var s = (new Date(d)).toString().split(' ');
    return [s[2],s[1],s[3]].join('-');
}

否则，您将需要以 ISO 格式提交并实施服务器端解决方案。也许随着时间的推移，这可能会导致每个地方更多地使用标准日期格式。