<!DOCTYPE html>
|
<html class="no-js css-menubar" lang="zh-cn">
|
|
<head>
|
|
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
<script type="text/javascript" src="../../lib/jquery/jquery-2.1.4.min.js"></script>
|
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
<link href="./view.css" rel="stylesheet" type="text/css" />
|
<script type="text/javascript" src="../../js/changable_params.js"></script>
|
<script type="text/javascript" src="../../js/function_1001.js"></script>
|
<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
|
<link href="../../css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
|
<script type="text/javascript" src="../../lib/include-lib.js?time=20210803" libpath="../../lib/"
|
include="jquery,font-awesome,bootstrap,admui-frame"></script>
|
|
<link href="../../css/widget-win.css" rel="stylesheet" />
|
<link href="view.css?time=20210803" rel="stylesheet" />
|
<link href="../../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
<link href="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
|
<script src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
|
<script src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
|
<style type="text/css">
|
.form-horizontal .controls{
|
|
margin-left: 0;
|
}
|
.container{
|
display: inline-block;
|
}
|
.container .form-horizontal {
|
margin: 0;
|
display: inline-block;
|
}
|
#body .controls input{
|
width: 80%;
|
height: 30px;
|
font-size: 13px;
|
}
|
#body .controls span{
|
display: inline-block;
|
height: 30px;
|
font-size: 13px;
|
}
|
button{
|
margin-top: -20px;
|
}
|
#body{
|
border: rgba(0,0,0,0);
|
}
|
.search_time_btn{
|
position: absolute;
|
bottom: 5px;
|
left: 50%;
|
transform: translateX(-50%);
|
}
|
</style>
|
</head>
|
|
<body id="body">
|
<div class="layui-row">
|
<span class="layui-breadcrumb" lay-separator="|">
|
<a href="#"></a>
|
<a href="#" style="color: white!important;">轨迹回放</a>
|
<a href="#"></a>
|
</span>
|
<div class="search">
|
<div class="container">
|
<form action="" class="form-horizontal">
|
<fieldset>
|
<div class="controls input-append date form_datetime" data-date="2019-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
|
<input size="16" type="text" value="2019-10-01 10:07:00" readonly class="time1">
|
<!-- <span class="add-on"><i class="icon-remove"></i></span> -->
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input1" value="" />
|
<div class="controls input-append date form_datetime" data-date="2019-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
|
<input size="16" type="text" value="2019-10-01 12:00:00" readonly class="time2">
|
<!-- <span class="add-on"><i class="icon-remove"></i></span> -->
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input1" value="" />
|
</fieldset>
|
</form>
|
</div><br />
|
<button class="search_time_btn" style="background-color: #394582;">查询</button>
|
</div>
|
|
<script type="text/javascript" src="./view.js"></script>
|
<script src="../../js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript" src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
|
<script type="text/javascript" src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
|
<script type="text/javascript">
|
// 设置时间选择框的日期格式
|
$('.form_datetime').datetimepicker({
|
language: 'zh-CN', //设置为中文
|
format : 'yyyy-mm-dd hh:ii:00', //设置日期格式
|
weekStart: 1,
|
todayBtn: 1,
|
autoclose: 1,
|
todayHighlight: 1,
|
startView: 2,
|
forceParse: 0,
|
showMeridian: 1
|
});
|
</script>
|
</body>
|
</html>
|
