<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>日期实时刷新</title>
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1315823_oef97rnb05.css" />
<link href="http://hmywater.com/988/css/plugins/datapicker/datepicker3.css" rel="stylesheet"><!-- 日期控件 -->
<script src="http://hmywater.com/988/js/jquery-2.1.1.min.js"></script>
<script>
$().ready(function(){
setInterval("NowTime()",1000);
var start={
elem:"#start", //绑定元素
format:"YYYY-MM-DD", //自定义格式
min:"2019-07-23", //日期有效范围最小的范围
max:laydate.now(),
istime:true,
istoday:false,
};
laydate(start);
});
function NowTime(){
//1.先获取年 月 日
var time=new Date(); //先把当前的精确时间（年，月，日，时，分，秒）赋值给time
var year=time.getFullYear();
var month=time.getMonth()+1;
var day=time.getDate();
//2. 获取当前 时 分 秒
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
//3.检查时分秒是否小于10
hour=check(hour);
minute=check(minute);
second=check(second);
document.getElementById("nowtime").innerHTML=year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
//4.写个检查函数
function check(i){
var num;
i<10?num="0"+i:num=i; //如果时分秒小于10 那么在前面加上“0” 如果不小于10 那么不需要加
return num;
}
}
</script>
</head>
<body>
<div>
<span id="nowtime"></span><i class="iconfont icon-rili" id="start"></i>
</div>
<script src="http://hmywater.com/988/js/plugins/layer/laydate/laydate.js"></script>
</body>
</html>
这个日期控件有问题，明天看找个新的控件