laydate时间控件

来源：互联网发布：什么是网络渗透编辑：程序博客网时间：2024/05/16 05:00

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

0 0