在 jQuery ui 日期选择器中禁用接下来的 10 天

Question

$('#date').datepicker({
    maxDate: "+30d",
    minDate:0
});

我想禁用当前日期的下 10 个日期，我正在尝试使用此代码但无法正常工作

Answer 1

只需使用minDate:

$('#date').datepicker({
    maxDate: "+30d",
    minDate: "+10d"
});

结果

WORKING DEMO

注意：这个将使select可用20天，如果你想允许30 days selection 从今天起 10 天开始，您将需要设置属性 maxDate: "+40d":

$('#date').datepicker({
    maxDate: "+40d",
    minDate: "+10d"
});

添加：

thank Jordi, if it possible to enable the current date only??

@achu 你的意思是，今天启用并在接下来的 9 天禁用？

yes your right, today date should be enable.

这可以通过 jquery 或 javascript 来完成，只需删除不允许您 select 当天的类即可。

// select today's object, and remove classes ui-datepicker-unselectable ui-state-disabled
$(".ui-datepicker-today").removeClass("ui-datepicker-unselectable ui-state-disabled");

免责声明： 小心，删除类应该在创建日期选择器时完成，在此 WORKING DEMO is you can see I use onClick, look at THIS NON WORKING DEMO 中，相同的代码未包含在函数，在 onReady 当日期选择器仍然不存在时执行。

RESULT（css 也添加了 ;）

嗯..这似乎还不够......今天的按钮无法点击......我尝试添加属性和类像其他select可用的日子一样但没有成功而且没有今天有更多时间...

$( "#date" ).click(function() {
  $(".ui-datepicker-today").removeClass("ui-datepicker-unselectable ui-state-disabled");
  $(".ui-datepicker-today").attr("data-handler", "selectDay");
  $(".ui-datepicker-today").attr("data-event", "click");
  $(".ui-datepicker-today").attr("data-month", "5");
  $(".ui-datepicker-today").attr("data-year" , "2016");
  $("a.ui-datepicker-today").attr("href" , "#");

  $(".ui-datepicker-today").removeClass("ui-datepicker-today");

});

仍然缺少一些东西（悬停未激活...）

在 jQuery ui 日期选择器中禁用接下来的 10 天

disable next 10 days in jQuery ui datepicker

jquery

jquery-ui-datepicker