使用datepicker（时间控件）实例

来源:csdn博客分类: 文章浏览史发布时间:2020-05-11 16:32:50 最后更新:2020-05-11 浏览:1455

转载声明：

本文为摘录自“csdn博客”，版权归原作者所有。

原文链接:

https://blog.csdn.net/qq_35766860/article/details/89499...

温馨提示：

为了更好的体验，请点击原文链接进行浏览

摘录时间：

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,
});