HTML5中INPUT type=”date”标签赋值注意问题

haibao 笔记 2015-09-25 18:01 1970
一个人的价值, 在于他贡献了什么, 而不在于他获得了什么。——爱因斯坦

凌晨好, 本文除去代码部分,共490个字,预计阅读时间需要2分钟。

今天测试提了一个BUG,让我纠结了好久啊,问题描述:input类型为date,想要js赋值,变成2015年09月25日,但手机里始终改不了,于是查了一下资料,记录下来,以便查阅。

Html5 input标签支持type=”date” 显示有日期的日历控件,一行简单的代码就能显示出一个日历控件,但是有的时候需要给它一个默认的日期值,这个时候可能就要用到val(), attr(“value”,””)等方法,有可能很多人会不成功,其实并不是这个标签不支持这些赋值的方法,而是赋值的时候字符串的格式有问题。

解决办法:一说就明白,一般我们用new Date().getMonth() new Date().getDate()方法获得日期的时候如果日期与月数小于10,则默认显示为1,2,3,4,5,6,7,8,9 所以日期的格式可能就是2013-9-5。而Input type=”date”标签中支持显示的日期格式为2013-09-05,把这个值传给input标签就能够正常显示日期的值了,所以这里要加一个判断,如果月数或者日期数是小于10的,就要在其前面添加数字0构成字符串,这样就能赋值后正常显示了。

本文标题:HTML5中INPUT type=”date”标签赋值注意问题

本文地址:http://www.hehaibao.com/html5-input-type-date-ios7/

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

3条评论
  • 江琳

    2016-01-06 19:24

    过来瞅瞅!

  • bateer

    2015-11-11 14:34

    从百度点进来的,支持一下

  • 尚吾网

    2015-10-20 17:09

    闲来无事,到此一游

发表评论

电子邮件地址不会被公开。 必填项已用*标注