4

我正在尝试实施度假村预订,我可以通过使用检查特定日期是否仍然可用,bootstrap daterangepicker但我不知道如何做到这一点。我得到了这个线程,但它没有使用daterangepicker.

注意:我也在使用 laravel5.1,所以也许这可以帮助解决问题。

数据库字段

id
name
Place
start_time
end_time

我的 JS 代码设置与 daterangepicker

$(function () {
    $('.time').daterangepicker({
        "minDate": moment('{{ date('Y-m-d G') }}'),
        "timePicker": true,
        "showDropdowns": true,
        "timePicker24Hour": false,
        "timePickerIncrement": 5,
        "autoApply": true,
        "locale": {
            "format": "MM/DD/YYYY hh:mm:ss A",
            "separator": " — ",
        }
    });
});
4

2 回答 2

1

理想情况下,您希望isInvalidDate在创建 daterangepicker 的新实例时使用配置选项。

isInvalidDate

var disabledDates = {{ $disabledDates->toJson(); }};

$(function () {
    $('.time').daterangepicker({
        "minDate": moment('{{ date('Y-m-d G') }}'),
        "timePicker": true,
        "showDropdowns": true,
        "timePicker24Hour": false,
        "timePickerIncrement": 5,
        "autoApply": true,
        "locale": {
            "format": "MM/DD/YYYY hh:mm:ss A",
            "separator": " — ",
        },
        "isInvalidDate": function (date) {
            return disabledDates.indexOf(date) != -1;
        }
    });
});

$disabledDates例中的 php 变量被假定为禁用日期的集合,全部为字符串格式。

于 2018-03-12T11:26:40.213 回答
1

假设你有 astart_date和 a end_date

$(function() {
    var start_date = '2018-3-1';
    var end_date = '2018-3-10';
    $('input[name="daterange"]').daterangepicker({
      "minDate": moment('2018-1-1'),
      "timePicker": true,
      "showDropdowns": true,
      "timePicker24Hour": false,
      "timePickerIncrement": 5,
      "autoApply": true,
      "locale": {
        "format": "MM/DD/YYYY hh:mm:ss A",
        "separator": " — ",
      },
      "isInvalidDate": function (date) {
        var is_valid = true;
        @foreach($dates as $date)
          if(moment(date).isBetween($date->start_date, $date->end_date, 'day', '[]')){
            is_valid = false;
          }
        @endforeach
        return is_valid;
      }
    });
  });

然后你不能选择 start_date 和 end_date 之间的日期。

于 2018-03-13T06:49:02.663 回答