Daterangepicker或替代日期选择器,用于禁用日历中已预订的天数

时间:2015-01-29 15:07:40

标签: jquery twitter-bootstrap daterangepicker

我想使用Dan Grossman的daterangepicker作为预订系统,用户在预订时选择时间间隔。 我仍然在文档中搜索是否可以禁用日历中预订的日期,但我真的没有找到任何细节。

在节目日历中,我收集了所有实际属性的预订,这些预订返回check incheck out次的2个日期。现在如何禁用可选日历之间的天数?

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()
    }
  });

});
});

有没有办法实现这个目标?或者已经有一个插件可以满足我的需求吗?

1 个答案:

答案 0 :(得分:0)

我有同样的问题。可能的解决方案(http://www.eyecon.ro/bootstrap-datepicker,beforeShowDay calback):

sample implementation

它可以显示您可以显示所选日期,开始和结束(深绿色),不可用日期(图像X)和错误选择(透明图像X女巫背景)

如果您仍想使用Dan Grossman的daterangepicker,我可以编写修改,以便处理不可用的日期。