【问题标题】:Bootstrap Datetimepicker daysOfWeekDisabled option doesn't work properlyBootstrap Datetimepicker daysOfWeekDisabled 选项无法正常工作
【发布时间】:2017-06-01 13:15:01
【问题描述】:

所以我有一个带有日期+时间值的输入(从数据库中获取值),我正在使用 jQuery 日期时间选择器来更改日期/时间。

这是我的意见

<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 选项,我可以在输入中从数据库中看到真实的日期/时间。

信息:我从数据库中获取的日期不是周末,并且更新为 now()。

所以我的问题是,我如何使用带有daysOfWeekDisabled 选项的日期时间选择器并作为默认值显示数据库中的日期?

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

【问题讨论】:

  • 您确定数据库中的日期具有'DD.MM.YYYY HH:mm' 格式吗?您是否尝试删除 minDate 字段?顺便说一句,最后一个逗号是多余的。
  • 是的,那天我正在转换,如果我删除 daysOfWeekDisabled 选项,那么一切都找到了,我也尝试删除其他选项(一个接一个),结果是一样的。它真的很奇怪......
  • 尝试将useCurrent设置为false。有帮助吗?
  • @Alexander 真的很有帮助,谢谢 :)

标签: jquery datetimepicker eonasdan-datetimepicker


【解决方案1】:

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

【讨论】:

    【解决方案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(),
      });
    

    【讨论】:

    • 我已经尝试过了,并且使用 defaultDate: today.getDate()+2 但如果我使用 daysOfWeekDisabled: [0, 6], 则默认日期始终是 now()
    猜你喜欢
    • 2017-06-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-06
    • 2023-03-14
    相关资源
    最近更新 更多