当前位置:

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

本文最后更新于2015-09-25,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

温馨提示:本文共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构成字符串,这样就能赋值后正常显示了。

版权申明:本文地址 ,本博客所有文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果!

我要说两句

  • 3 条回应
    • 头像
      江琳 发表于

      过来瞅瞅!

    • 头像
      bateer 发表于

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

    • 头像
      尚吾网 发表于

      闲来无事,到此一游