码迷,mamicode.com
首页 > Web开发 > 详细

html5初始化时间控件

时间:2015-08-13 16:05:50      阅读:586      评论:0      收藏:0      [点我收藏+]

标签:

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>


html5初始化时间控件

标签:

原文地址:http://my.oschina.net/zyxchuxin/blog/491850

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!