HTML5 时间和日期选择输入表单元素

发布于 2018-05-25 11:26:57 字数 2624 浏览 6467 评论 0

HTML5 定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择,目前只有 Chrome 和 Opera 提供下拉式日历支持,其它浏览器仍是一个普通文本框,火狐对支持部分 type 的设置。

日期控件 - date

<input type="date" value="2015-09-24"/>

时间控件 - time

<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

日期时间控件 - datetime-local

<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"/>

在线预览:https://www.wenjiangs.com/wp-content/uploads/2021/02/date-time-select.html

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

qq_aHcEbj

文章 0 评论 0

寄与心

文章 0 评论 0

13545243122

文章 0 评论 0

流星番茄

文章 0 评论 0

春庭雪

文章 0 评论 0

潮男不是我

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文