jquery-ui - Jquery ui datepicker：禁用点击离开活跃月份变化的天数

Question

我有一个 Jquery UI Datepicker 直接打印在我的页面中（不是弹出窗口，而是直接在 DOM 中）。

我想禁用单击某些（或所有）天，仅保留活动按钮以更改显示的月份和年份。因此用户可以更改月份查看其他日历，但不能选择特定日期。

有可能吗？

Answer 1

您可以在此处找到解决方案。

var unavailableDates = ["16-7-2013","17-7-2013","18-7-2013"];

function unavailable(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, unavailableDates) < 0) {
    return [true,"","Book Now"];
  } else {
    return [false,"","Booked Out"];
  }
}

$('.datePicker').datepicker({ beforeShowDay: unavailable });

这是jsFiddle。

Answer 2

您必须知道 click 事件绑定到td选取器 DOM 内的标签。考虑到这一点，您可能必须更改代表日期的单元格data-handler的字段或data-event字段，或者直接从表格单元格中取消绑定单击事件。我建议您查看文档http://api.jqueryui.com/datepicker/的此页面，其中他们拥有一个内联选择器，就像您建议的那样。尝试执行一些 jquery 脚本，直到找到更适合您需要的脚本。