在jquery ui date-picker中如何允许选择特定的工作日并禁用其他工作日 [英] In jquery ui date-picker how to allow selection of specific weekdays and disable the other weekdays

问题描述

我需要将jquery ui日期选择器限制为仅将未来的星期二和星期四作为可选日期。

I need to limit the jquery ui date picker to only have future Tuesdays and Thursdays as selectable days.

我该如何做到这一点？

推荐答案

提供一个onSelect处理程序到datepicker并让您的处理程序验证日期是否符合您定义的条件。我不确定onSelect会在哪里触发，因此如果您无法停止事件并提醒用户，您可以撤消选择。

Provide an onSelect handler to the datepicker and have your handler validate that the dates fit your defined criteria. I'm not sure where the onSelect fires so you may have "undo" the selection if you can't stop the event and alert the user.

一种做法这将是开发一个自定义日期验证器类，它接受参数，然后从onSelect函数调用该日期验证器。 onSelect函数可以处理与datepicker本身的交互以保持设计清洁。

One way of doing this would be to develop a custom date validator class that takes parameters and then call that date validator from the onSelect function. The onSelect function could take care of interacting with the datepicker itself to keep the design clean.

来自 http://docs.jquery.com/UI/Datepicker/datepicker#options

$("div.selector").datepicker({ 
  onSelect: function(dateText) { 
    alert(dateText);
  } 
})

要更改特定日期或天数的显示和可选择性，请使用beforeShowDay处理程序和让它改变相关日期的可选性和CSS。

To change the display and selectability of a particular date or set of days use a beforeShowDay handler and have it change the selectability and CSS for the date in question.

$(".selector").datepicker({ beforeShowDay: nationalDays})   

natDays = [
  [1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'],
  [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'],
  [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'],
  [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']
];

function nationalDays(date) {
    for (i = 0; i < natDays.length; i++) {
      if (date.getMonth() == natDays[i][0] - 1
          && date.getDate() == natDays[i][1]) {
        return [false, natDays[i][2] + '_day'];
      }
    }
  return [true, ''];
}

这篇关于在jquery ui date-picker中如何允许选择特定的工作日并禁用其他工作日的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！