使用datepicker(时间控件)实例

来源:csdn博客 分类: 文章浏览史 发布时间:2020-05-11 16:32:50 最后更新:2020-05-11 浏览:166
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-05-11 16:32:50

开头引入文件:

bootstrap-datetimepicker.min.css
bootstrap-datetimepicker.js
bootstrap-datetimepicker.fr.js

前端代码: 

<div class="input-group date">
    <label>开始时间:<span style="color:red;">*</span></label>
    <div class="input-group date" id="startTimeDateTimePicker">
        <input class="form-control" size="16" id="startTime" name="startTime" type="text" value="" readonly>
	<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
    </div>
    <br>
    <lable>结束时间:<span style="color:red;">*</span></lable>
    <div class="input-group date" id="endTimeDateTimePicker">
	<input class="form-control" size="16" id="endTime" name="endTime" type="text" value="" readonly>
        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
    </div>
</div>

js代码: 

 

$("#startTimeDateTimePicker,#endTimeDateTimePicker").datetimepicker({
    format: "yyyy-mm-dd hh:ii:ss",
    weekStart: 1,
    todayBtn: 1,
    autoclose: true,
    todayHighlight: 1,
    forceParse: 1,
});

 

php技术微信