Question

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

我想禁用点击一些（或所有）天，只保留活动按钮以更改月份和年份。因此，用户可以更改查看其他日历的月份，但无法选择特定日期。

有可能吗？

Answer 1

您可以找到解决方案here。

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事件绑定到选择器DOM内的td标记。考虑到这一点，您可能必须更改表示日期的单元格的data-handler或data-event字段，或者直接从表格单元格中取消绑定click事件。我建议您查看文档http://api.jqueryui.com/datepicker/的这一页，其中包含一个内联选择器，就像您建议的那样。尝试执行一些jquery脚本，直到找到更符合您需求的脚本。

Jquery ui datepicker：禁用点击几天离开活跃月份的日期

2 个答案: