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

时间:2011-08-18 17:27:37

标签: html css html5

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

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

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

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

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

此外,您还可以使用:

<input type="date">

格式 - &gt; 2011-08-11