①在不同系统下,会分别显示为24小时制和12小时制;
②根据前后输入框尺寸变化大小预估输入框内字符的个数,来判断输入框是24小时制,还是12小时制;
③time类型的输入框只能选择到分钟,如果想要秒有两种办法,
1、设置初始值是00:00:00格式;
2、设置合适的step值,只要step的值不是60的倍数,则无论value初始值是什么,一定会精确到秒进行显示;
④step不影响value值的设置,语义上表示时间的间隔,但是行为上并没有阻止value的设置;
⑤无论是value属性设置的值,还是 step/min/max属性设置的值,都必须是严格的00:00或者00:00:00格式,也就是前面的0必须补全;
⑥min/max属性和step属性一样,只能影响上下键这样的快捷键选择,并不能阻止点击选择不再限制范围中的值;
⑦Chrome浏览器暴露了很多伪元素,可以用来修改默认的时间选择控件的样式细节,例如::-webkit-datetime-edit、::-webkit-datetime-edit-fields-wrapper、::-webkit-datetime-edit-hour-field、::-webkit-datetime-edit-text、::-webkit-datetime-edit-minute-field等;
(参考:www.zhangxinxu.com/wordpress/2…