添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

bootstrap时间控件设置默认时间

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格式的日期字符串。如果日期格式不正确,控件会默认显示当前日期。

希望这个解答能够对您有所帮助。

  •