如何更改html5中自动日期选择器的显示格式

Posted

技术标签:

【中文标题】如何更改html5中自动日期选择器的显示格式【英文标题】:How to change the display format of the automatic datepicker in html5 【发布时间】:2013-01-10 13:50:33 【问题描述】:

当使用 type=date> (chrome V20+) 时,Google Chrome 会显示一个日期选择器。字段中显示的日期采用 dd-mm-yy 格式。但是,对于这个网页,我需要 dd-mm-yyyy 格式。

4 位数的年份格式对于在此页面上输入数据的用户至关重要(例如,1745 和 1945 都显示为“45”,这对于某些用途来说非常危险)。

有没有办法强制 Chrome(和其他浏览器)显示网站开发人员选择的格式,而不是语言环境? 谢谢, 迈克

【问题讨论】:

我认为 Chrome 24+ 从不显示 2 位数的年份。 我设法让它使用 dd-mm-YYYY 格式......但不知道如何。我在语言环境中设置了一些东西,或者浏览器知道我在英国。真的很烦我。 Datepicker UI format error in Google Chrome 的可能重复项 【参考方案1】:

html5 规范没有提供解决此问题的方法。你最好的选择是使用 jQuery/jQueryUI(这给你更多的控制) - http://api.jqueryui.com/datepicker/#entry-examples

另见Is there any way to change input type="date" format?

【讨论】:

以上是关于如何更改html5中自动日期选择器的显示格式的主要内容,如果未能解决你的问题,请参考以下文章

如何更改 HTML5 日期输入字段的模式? [复制]

如何在颤动中更改显示日期选择器的语言

如何更改角度 ui-bootstrap 日期选择器的格式

如何更改 WPF 日期选择器的图标?

Excel中进行插入日期选择器的操作技巧

为 html5 原生日期选择器设置日历样式