标签:
HTML5提供了一系列时间控件date、time、datetime-local、datetime、month、week ,但是都没有进行控件的初始化。
现在以最常使用的date、time控件为例,进行时间控件的初始化。
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
<title>初始化时间控件</title>
</head>
<body>
<input type="date" id="nowDate"/>
<input type="time" id="nowTime" />
<script src="jquery-2.0.3.min.js"></script>
<script>
    //初始化时间控件
    var now = new Date() ;
        
    var nowYear = now.getFullYear() ; //年
    var nowMonth = now.getMonth()+1<10?"0"+(now.getMonth()+1):now.getMonth() ; //月
    var nowDay = now.getDate()<10?"0"+now.getDate():now.getDate() ; //日期
        
    var nowHour = now.getHours()<10?"0"+now.getHours():now.getHours() ; //时
    var nowMinute = now.getMinutes()<10?"0"+now.getMinutes():now.getMinutes() ; //分
        
    var nowDate = nowYear+"-"+nowMonth+"-"+nowDay ;
    var nowTime = nowHour+":"+nowMinute;
        
    $("#nowDate").val(nowDate) ;
    $("#nowTime").val(nowTime) ;
</script>
</div> 
</body>
</html>
标签:
原文地址:http://my.oschina.net/zyxchuxin/blog/491850