html5 datetime输入 - 是否可以设置样式值演示？

Question

是否可以设置html5日期时间输入的样式？

<input type="datetime" value="2011-08-18T16:49Z">

此ISO日期时间格式不易过度阅读.是否可以使用CSS或其他方式使用某种模式格式化值的表示？

编辑:我刚才意识到这个问题取决于浏览器.例如,Opera使用一个很好的控件来实现这个标签,用户无法输入无效的日期.然后,浏览器将生成格式正确的W3C日期时间字符串,并将其发送到服务器.Firfox 6仅提供标准输入,并不关心输入的内容.Chrome有一个普通的输入字段,但在表单提交之前需要输入有效的w3C字符串.

所以我的问题可能没有任何意义.所以我会问另一个:是否有任何标准化这些自定义输入字段的功能/表示的浏览器指南？

Answer 1

提交表单数据后，您可以在服务器端对其进行格式化。如果您想在客户端进行格式化，则不能使用 CSS，但可以使用 javascript，将输入值加载到 Date 对象中，并使用该对象的各种方法返回日期的组成部分 (getMonth() 、 getDate()、 getFullYear() 等...）。您可以在http://jsfiddle.net/G4XGP/查看基本示例。