【HTML5】<input>的日期类型Date

HTML5中,<input>的日期属性很方便的用于浏览器实现的日历功能

使用日期属性需要浏览器支持,目前谷歌能完全支持date类型

浏览器支持


浏览器date类型支持
IE 9 Beta
Firefox 13
Safari 5
Chrome 20
Opera 11

日期


虽然我们称之为“日期”属性,不过,有很多类型和参数可供我们调整选择

  • date
  • week
  • month
  • time
  • datetime-local

根据自己需要选择这些类型,具体的实现由浏览器决定

日期 - date

<input type="date"/>

date

周 - week

<input type="week"/>

week

月 - month

<input type="month"/>

month

时间 - time

<input type="time"/>

time

日期时间 - datetime-local

<input type="datetime-local"/>

datetime-local

相关属性


日期输入类型还有其他一些相关的属性需要注意

属性描述
value就是input元素中的日期值
min日期或者时间的最小值
max日期或者时间的最大值
step步长。不同类型的输入默认都是1
  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值