在jquery ui date-picker中如何允許選擇特定的工作日並禁用其他工作日

Question

我需要將jquery ui日期選擇器限制為僅將未來的星期二和星期四作為可選日期。

我怎么能做到這一點？

Answer 1

一切都在文檔中。 beforeShowDay之前的功能會做你想要的。

http://api.jqueryui.com/datepicker/#option-beforeShowDay

我的使用是不同的日子，但我最終在beforeShowDay調用我的limitdays函數

function limitDays(date){

var day = date.getDay();

  // Only make Mon, Tues, and Thurs selectable
  if(day == 1 || day == 2 || day == 4){
    return [true, ''];
  }else{
    return [false, ''];
  }
}

Answer 2

為datepicker提供onSelect處理程序，讓處理程序驗證日期是否符合您定義的條件。 我不確定onSelect會在哪里觸發，因此如果您無法停止事件並提醒用戶，您可以“撤消”選擇。

這樣做的一種方法是開發一個自定義日期驗證器類，它接受參數，然后從onSelect函數調用該日期驗證器。 onSelect函數可以處理與datepicker本身的交互，以保持設計清潔。

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

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

要更改特定日期或天數的顯示和可選擇性，請使用beforeShowDay處理程序並讓它更改相關日期的可選性和CSS。

$(".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, ''];
}