Widgets

jQuery UI Datepicker 提供了我們很方便的日期選取工具,有些系統會希望取消週末的日期格子使之不能選取,例如某些組織/單位提供的預約系統,在週末或週日沒有提供服務,在此我們可以使用 beforeShowDay 這個預設的 event 來做取消週末或週日的日期格子的動作。

範例:如果想要取消所有週末的日期格子使之不能選取,可以使用 Datepicker 內建的 noWeekends 函式。

$(document).ready(function() {
  $(function() {
    $('#datepicker_reserve').datepicker({
      beforeShowDay: noWeekends
    });
  });
});

範例:如果想要取消所有週日的日期格子使之不能選取,我們可以將 Datepicker 內建的 noWeekends 函式稍做修改即可。

$(document).ready(function() {
  $(function() {
    $('#datepicker_reserve').datepicker({
      beforeShowDay: noSundays
    });
  });
});
function noSundays(a) {
  a=a.getDay();
  return[a>0&&a<7,""];
}
其他參考資訊:

0 Comments:

Post a Comment

 
Top