jquery - Daterangepicker 或替代 datepicker 以禁用日历中的预订天数

Question

我想将 Dan Grossman 的daterangepicker用于预订系统，用户可以在其中选择预订的时间间隔。如果可以禁用日历中的预订日期，我仍然会在文档中搜索，但我并没有真正找到任何细节。

在演出日历上，我收集了实际财产的所有预订，这些预订返回 2 个日期check in和check out时间。现在如何禁用可选日历中的天数？

ajax 请求如下所示：

$('#reservation').on('show.daterangepicker', function(ev, picker) {

  // Ajax method to return all booked intervals for actual property
  // which returns from and to dates as JSON
  $.request('onAvailability', {
    data: {
      id: $("input[name=property_id]").val()
    }
  });

});
});

有没有办法做到这一点？或者是否已经有一个插件可以满足我的需求？

Answer 1

我有同样的问题。可能的解决方案（http://www.eyecon.ro/bootstrap-datepicker， beforeShowDay 回调）：

它如何显示选定的日期、开始和结束（深绿色）、不可用的日期（图像 X）和不正确的选择（透明图像 X 女巫背景）

如果您仍想使用 Dan Grossman 的 daterangepicker，我可以编写修改以允许处理不可用的日子。