html5初始化时间控件

最新推荐文章于 2021-07-22 19:50:45 发布

weixin_34405332

最新推荐文章于 2021-07-22 19:50:45 发布

阅读量393

点赞数

文章标签： python

原文链接：https://my.oschina.net/zyxchuxin/blog/491850

版权

2019独角兽企业重金招聘Python工程师标准>>>

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>

转载于:https://my.oschina.net/zyxchuxin/blog/491850