javascript - 如何禁用 daterangepicker JS 和 Laravel 中的占用日期

我正在尝试实现度假村预订，我可以在其中使用 bootstrap daterangepicker 检查特定日期是否仍然可用，但我不知道如何执行此操作。我有 this thread 但它没有使用 daterangepicker 。

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

数据库字段
idnamePlacestart_timeend_time
使用 daterangepicker 设置我的 JS 代码

$(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": " — ",
        }
    });
});

最佳答案

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

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 变量被假定为禁用日期的集合，所有这些都是它们的字符串格式。