• (网页)HTML中INPUT type="date"标签如何赋值注意问题(转)


    现在的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构成字符串,这样就能赋值后正常显示了。

    var now = new Date();  
    alert(now.getDate()+'-'+now.getMonth());  
    //格式化日,如果小于9,前面补0  
    var day = ("0" + now.getDate()).slice(-2);  
    //格式化月,如果小于9,前面补0  
    var month = ("0" + (now.getMonth() + 1)).slice(-2);  
    //拼装完整日期格式  
    var today = now.getFullYear()+"-"+(month)+"-"+(day) ;  
    //完成赋值  
    $('#createStartTime').val(today);  

    原文地址:https://blog.csdn.net/yusirxiaer/article/details/72640051

  • 相关阅读:
    html float
    HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
    FLEX 如何跳出警告对话框 Alert
    点击超链接,不改变滚动条位置
    HTML DOM CSS position的用法
    FLEX 动态添加事件
    html display
    php和swf通信
    html css float left与 float right的使用说明
    如何去除FLEX LINECHART 线条阴影
  • 原文地址:https://www.cnblogs.com/historylyt/p/8964139.html
Copyright © 2020-2023  润新知