HTML5时间控件

最新推荐文章于 2025-05-01 12:37:27 发布

huangmingcsdn

最新推荐文章于 2025-05-01 12:37:27 发布

阅读量2.5k

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/huangmingcsdn/article/details/121556446

版权

1 篇文章

订阅专栏

本文介绍了HTML5中用于日期和时间输入的几种控件，包括date、time、datetime-local、month和week，以及它们的使用方法和特性。同时，提到了min和max属性在限制可选日期和时间范围上的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

日期控件 - date 
<input type="date" value="2015-09-24"/>

时间控件 - time
<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

日期时间控件 - datetime-local 
日期控件12小时制,可点击下午或上午后输入a或p修改
<input type="datetime-local" value="2015-09-24T13:59:59"

月控件 - month
<input type="month" value="2015-09"/>

周控件 - week
<input type="week" value="2015-W02"/>

日期时间控件支持min和max属性，表示可设置的最小和最大时间
<input type="date" value="2015-09-24" min="2015-09-16" max="2015-09-26"/>