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.效果