|
@@ -50,36 +50,34 @@
|
|
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
|
|
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
|
|
<script src="https://img.hcharts.cn/highcharts/themes/dark-unica.js"></script>
|
|
<script src="https://img.hcharts.cn/highcharts/themes/dark-unica.js"></script>
|
|
<script language="JavaScript">
|
|
<script language="JavaScript">
|
|
- function startTime()
|
|
|
|
- {
|
|
|
|
- var today=new Date();//定义日期对象
|
|
|
|
|
|
+ function startTime() {
|
|
|
|
+ var today = new Date();//定义日期对象
|
|
var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
|
|
var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
|
|
- var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年
|
|
|
|
|
|
+ var MM = today.getMonth() + 1;//通过日期对象的getMonth()方法返回年
|
|
var dd = today.getDate();//通过日期对象的getDate()方法返回年
|
|
var dd = today.getDate();//通过日期对象的getDate()方法返回年
|
|
- var hh=today.getHours();//通过日期对象的getHours方法返回小时
|
|
|
|
- var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟
|
|
|
|
- var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒
|
|
|
|
|
|
+ var hh = today.getHours();//通过日期对象的getHours方法返回小时
|
|
|
|
+ var mm = today.getMinutes();//通过日期对象的getMinutes方法返回分钟
|
|
|
|
+ var ss = today.getSeconds();//通过日期对象的getSeconds方法返回秒
|
|
// 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09
|
|
// 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09
|
|
- MM=checkTime(MM);
|
|
|
|
- dd=checkTime(dd);
|
|
|
|
- mm=checkTime(mm);
|
|
|
|
- ss=checkTime(ss);
|
|
|
|
|
|
+ MM = checkTime(MM);
|
|
|
|
+ dd = checkTime(dd);
|
|
|
|
+ mm = checkTime(mm);
|
|
|
|
+ ss = checkTime(ss);
|
|
var day; //用于保存星期(getDay()方法得到星期编号)
|
|
var day; //用于保存星期(getDay()方法得到星期编号)
|
|
- if(today.getDay()==0) day = "星期日 "
|
|
|
|
- if(today.getDay()==1) day = "星期一 "
|
|
|
|
- if(today.getDay()==2) day = "星期二 "
|
|
|
|
- if(today.getDay()==3) day = "星期三 "
|
|
|
|
- if(today.getDay()==4) day = "星期四 "
|
|
|
|
- if(today.getDay()==5) day = "星期五 "
|
|
|
|
- if(today.getDay()==6) day = "星期六 "
|
|
|
|
- document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + day+" " + hh+":"+mm+":"+ss;
|
|
|
|
- setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
|
|
|
|
|
|
+ if (today.getDay() == 0) day = "星期日 "
|
|
|
|
+ if (today.getDay() == 1) day = "星期一 "
|
|
|
|
+ if (today.getDay() == 2) day = "星期二 "
|
|
|
|
+ if (today.getDay() == 3) day = "星期三 "
|
|
|
|
+ if (today.getDay() == 4) day = "星期四 "
|
|
|
|
+ if (today.getDay() == 5) day = "星期五 "
|
|
|
|
+ if (today.getDay() == 6) day = "星期六 "
|
|
|
|
+ document.getElementById('nowDateTimeSpan').innerHTML = yyyy + "-" + MM + "-" + dd + " " + day + " " + hh + ":" + mm + ":" + ss;
|
|
|
|
+ setTimeout('startTime()', 1000);//每一秒中重新加载startTime()方法
|
|
}
|
|
}
|
|
|
|
|
|
- function checkTime(i)
|
|
|
|
- {
|
|
|
|
- if (i<10){
|
|
|
|
- i="0" + i;
|
|
|
|
|
|
+ function checkTime(i) {
|
|
|
|
+ if (i < 10) {
|
|
|
|
+ i = "0" + i;
|
|
}
|
|
}
|
|
return i;
|
|
return i;
|
|
}
|
|
}
|
|
@@ -87,7 +85,7 @@
|
|
</head>
|
|
</head>
|
|
|
|
|
|
<body class="" style="background-color: #17253f !important;" onload="startTime()">
|
|
<body class="" style="background-color: #17253f !important;" onload="startTime()">
|
|
-<div >
|
|
|
|
|
|
+<div class="text-center">
|
|
<nav class="navbar" style="background-color: red">
|
|
<nav class="navbar" style="background-color: red">
|
|
<div class="container-fluid">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<div class="navbar-header">
|
|
@@ -98,19 +96,42 @@
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</nav>
|
|
<div class="container-fluid" style="margin-top: 20em">
|
|
<div class="container-fluid" style="margin-top: 20em">
|
|
- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 30%">
|
|
|
|
- 拉 <span class="caret"></span>
|
|
|
|
- </button>
|
|
|
|
- <ul class="dropdown-menu">
|
|
|
|
- <li><a href="#">生产线1</a></li>
|
|
|
|
- <li><a href="#">生产线2</a></li>
|
|
|
|
- </ul>
|
|
|
|
- <button type="button" class="btn btn-primary btn-lg btn-block" style="float: right;width: 30%">Block level button</button>
|
|
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-6">
|
|
|
|
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
|
|
|
|
+ aria-haspopup="true" aria-expanded="false" style="width: 30%">
|
|
|
|
+ 拉 <span class="caret"></span>
|
|
|
|
+ </button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-6">
|
|
|
|
+ <div class="bootstrap-select">
|
|
|
|
+ <select class="" tabindex="-98">
|
|
|
|
+ <option value="">-- Please select --</option>
|
|
|
|
+ <option value="10">10</option>
|
|
|
|
+ <option value="20">20</option>
|
|
|
|
+ <option value="30">30</option>
|
|
|
|
+ <option value="40">40</option>
|
|
|
|
+ <option value="50">50</option>
|
|
|
|
+ </select>
|
|
|
|
+ <select class="selectpicker">
|
|
|
|
+ <option>Mustard</option>
|
|
|
|
+ <option>Ketchup</option>
|
|
|
|
+ <option>Relish</option>
|
|
|
|
+ </select>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-12 row">
|
|
|
|
+ <button type="button" class="btn btn-primary btn-lg btn-block" style="float: right;width: 30%">Block level
|
|
|
|
+ button
|
|
|
|
+ </button>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="text-center" style="width: 30%;padding-top: 10em;margin: 0 auto" >
|
|
|
|
|
|
+ <div class="text-center" style="width: 30%;padding-top: 10em;margin: 0 auto">
|
|
|
|
|
|
- <button class="btn btn-block bg-pink waves-effect" type="submit" style="">登陆</button>
|
|
|
|
|
|
+ <button class="btn btn-block bg-pink waves-effect" type="submit" style="">上班</button>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|