首页 > 技术文章 > HTML 选择浏览器自带日期控件

hzjdpawn 2020-04-29 10:05 原文

1. 日期(<input type=”date”/>)

这是最基本的日期选择器,你从日历中选择某个日期。

2. 周(<input type=”week”/>)

这时,你选择的就不是一个日期了,而是周。请注意周数显示的方式。

3. 月份(<input type=”month”/>)

这时你选择的是月份,跟“date”类型比起来少了后面的日子数。

 

4. 时间(<input type=”time”/>)

这是最简单的一种显示,没有日历,只能选择时间。

5. 日期+时间(<input type=”datetime”/>)

既显示日期组件,又显示时间组件,其实就是“date”类型和“time”类型的组合。

 

6. 本地日期时间(<input type=”datetime-local”/>)

用本地时间显示。

 

推荐阅读