Bootstrap时间控件可以通过设置
defaultDate
属性来设置默认时间。
defaultDate
属性接受一个日期对象或者一个日期字符串作为参数,它表示控件默认显示的时间。
以下是一个示例代码,演示如何设置Bootstrap时间控件的默认时间:
<div class="form-group">
<div class="input-group date" id="datetimepicker" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker"/>
<div class="input-group-append" data-target="#datetimepicker" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker').datetimepicker({
defaultDate: new Date('2022-03-01')
</script>
在上面的代码中,我们设置了一个id为datetimepicker
的Bootstrap时间控件,并且设置了defaultDate
属性为2022年3月1日的日期对象。这样,当控件首次加载时,它会默认显示2022年3月1日这个日期。
需要注意的是,defaultDate
属性接受的日期格式需要是JavaScript中的日期格式,即Date对象或者ISO 8601格式的日期字符串。如果日期格式不正确,控件会默认显示当前日期。
希望这个解答能够对您有所帮助。