使用 bootstrap-datepicker 禁用日期范围？

如何禁用多个日期范围？使用bootstrap-datepicker

目前，这是我关于如何专门禁用日期的代码。

  <div id="input-daterange" class="input-group input-daterange" data-date-format="M d, yyyy">
                                <input type="text" id="starts_at" name="starts_at" class="form-control text-center" placeholder="Arrival:" value="{{ $property_request->starts_at != '' ? date('M j, Y',strtotime($property_request->starts_at)) : '' }}">
                                <span class="input-group-addon"><i class="fa fa-angle-right"></i></span>
                                <input type="text" id="ends_at" name="ends_at" class="form-control text-center" placeholder="Departure:" value="{{ $property_request->ends_at != '' ? date('M j, Y',strtotime($property_request->ends_at)) : '' }}">
                            </div>
    var date = new Date();
    var arrayDates = ['May 20, 2020','May 23, 2020'];
    $('#input-daterange').datepicker({
        todayHighlight: true,
        autoclose: true,
        format: "M d, yyyy",
        clearBtn : true,
        datesDisabled: arrayDates,
        startDate : date
    });

正如你所注意到的，May 20, 2020 and May 23, 2020被放置在数组内部。

并且这两个日期已被禁用。但May 22, 2020 and May 21, 2020没有被禁用，因为这种代码方式专门禁用了日期

但我想做的是禁用日期范围之间的日期。

所以如果我有 3 个不同的日期范围

May 20, 2020 to May 23, 2020

May 24, 2020 to May 26, 2020

May 27, 2020 to May 29, 2020

这应该禁用日期范围。

我这样做的原因是因为我有多行日期范围db

像这样的东西：（这些日期将转换为M j, Y使用 php 的格式忽略 json 的日期格式）

{
   "starts_at": "2020-05-20",
   "ends_at": "2020-05-23"
},
{
   "starts_at": "2020-05-24",
   "ends_at": "2020-05-26"
},
{
   "starts_at": "2020-05-27",
   "ends_at": "2020-05-29"
}

另外我尝试在这里立足但没有帮助

禁用 Bootstrap-datepicker 中的一些日期范围 https://stackoverflow.com/questions/41199372/disable-few-date-ranges-in-bootstrap-datepicker

这是我使用的插件

https://bootstrap-datepicker.readthedocs.io/en/latest/ https://bootstrap-datepicker.readthedocs.io/en/latest/