Question

所以我有一个带日期+时间值的输入（从DB获取值），我使用jQuery Datetime选择器来更改日期/时间。

这是我的输入

<div class="input-group form-group td-350">
  <div class="input-group date" id="datetimepicker1">
    <input type="text" name="new_preffered_date" class="form-control datetimepickers" value="<?= $item->customer_preferred_date->i18nFormat('dd.MM.YYYY HH:mm', 'Europe/Vienna') ?>"/>
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
  </div>
</div>

这是我的Datetimepicker配置：

<script type="text/javascript" src="/vendors/bower_components/moment/min/moment-with-locales.js"></script>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript">
    $('.datetimepickers').each(function () {
      $(this).datetimepicker({
        daysOfWeekDisabled: [0, 6],
        format: 'DD.MM.YYYY HH:mm',
        locale: 'de',
        minDate: new Date(),
      });
    });
</script>

使用此配置，Datetimepicker将从现在开始将日期时间作为默认值。如果我删除了daysOfWeekDisabled选项，那么我可以在输入中看到数据库中的实际日期/时间。

信息：我的数据库日期不是周末，现在更新（）。

所以我的问题是，如何使用带有daysOfWeekDisabled选项的DateTime选择器并将默认值显示在数据库中？

日期时间选择器的文档为http://eonasdan.github.io/bootstrap-datetimepicker/Options/#daysofweekdisabled

Answer 1

将useCurrent属性设置为false。它会将选择器设置为选定的日期/时间而不是当前。

Answer 2

在您的代码中，您不需要使用每个循环，您可以像这样直接使用

  $(".datetimepickers").datetimepicker({
    daysOfWeekDisabled: [0, 6],
    format: 'DD.MM.YYYY HH:mm',
    locale: 'de',
    defaultDate: "11/1/2013",//pass your database date
    minDate: new Date(),
  });

Bootstrap Datetimepicker daysOfWeekDisabled选项无法正常工作

2 个答案: