laydate时间控件

1.引入

<script src="<%=path%>/plugins/laydate/laydate.js" type="text/javascript"></script>

2.html
<div class="col-md-8" style="margin-left: 100px;">
<div style="margin-top: 15px;margin-left: 6px;" class="row">
<div class="col-lg-12">
<div id="timePiker">
<span> 开始时间：</span>
<input type="text" class="laydate-icon" id="startTime"
style="width:180px; margin-right:10px;height:28px;"
value=""/>

<span>结束时间</span>
<input type="text" class="laydate-icon" id="endTime" style="width:180px;height:28px;" value=""/>

<button class="btn btn-info" type="button" id="queryHeatCharts" style="margin-left: 20px;">查询</button>
</div>
</div>
</div>
</div>

3.js
<div class="col-md-8" style="margin-left: 100px;">
<div style="margin-top: 15px;margin-left: 6px;" class="row">
<div class="col-lg-12">
<div id="timePiker">
<span> 开始时间：</span>
<input type="text" class="laydate-icon" id="startTime"
style="width:180px; margin-right:10px;height:28px;"
value=""/>

<span>结束时间</span>
<input type="text" class="laydate-icon" id="endTime" style="width:180px;height:28px;" value=""/>

<button class="btn btn-info" type="button" id="queryHeatCharts" style="margin-left: 20px;">查询</button>
</div>
</div>
</div>
</div>

4.效果