输入类型=＆＃34;日期＆＃34;元素，自定义日期格式

Question

我想知道是否有办法从此更改HTML input type="date"元素：

类似于：

mm.dd.yyyy

所以我想知道如何更改分隔符。

有没有办法做到这一点，还是应该使用一些自定义日期组件？

Answer 1

试试这个。

<input id="date" type="date" value="2017-06-01">

请注意，它还取决于用户正在使用的浏览器潜在网站。 :)

Answer 2

您的输入中需要pattern attrib以匹配您想要的格式，但并非所有浏览器都支持该格式。解决方法是改为使用input="text"，然后使用自定义代码。

根据MDN： One way around this is to put a pattern attribute on your date input. Even though the date input doesn't use it, the text input fallback will. For example, try viewing the following example in a non-supporting browser:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

pattern：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-pattern