当前位置: 首页 » 前端开发 » HTML5中INPUT type=”date”标签赋值注意问题
 |  全屏浏览  |  字号调整:

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

2015-09-25 18:01:05 前端开发 3 2.32 k 百度未收录
本文最后更新于2015-09-25,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!
历史上的今天:10月20日 - 1962年,中印边境自卫反击战爆发

周六下午好, 本文除去代码部分,共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/

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

3条评论
  • 江琳 - 未知操作系统  |  未知浏览器

    2016-01-06 19:24

    过来瞅瞅!

  • bateer - Windows 7  |  搜狗浏览器 2.X

    2015-11-11 14:34

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

  • 尚吾网 - Windows 7  |  搜狗浏览器 2.X

    2015-10-20 17:09

    闲来无事,到此一游


发表评论

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