2014-02-27 59 views
3

我正在度假預訂應用程序,很明顯,你不需要預定掉那些已經提供給您的假期,所以我每年都需要知道如何禁用,聖誕,例如從日期選取器沒有我每年都必須更改代碼。如何禁用jQuery UI日期選擇器中的公共節假日?

這是我的jQuery UI的日期選擇器代碼至今:

<script> 
$(function() { 
    $("#from").datepicker({ 
     beforeShowDay: $.datepicker.noWeekends, 
     defaultDate: "today", 
     changeMonth: true, 
     numberOfMonths: 1, 
     minDate: "today", 
     dateFormat: "dd/mm/yy", 
     onClose: function(selectedDate) { 
     $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
    beforeShowDay: $.datepicker.noWeekends, 
    defaultDate: "today", 
    changeMonth: true, 
    numberOfMonths: 1, 
    minDate: "today", 
    dateFormat: "dd/mm/yy", 
    onClose: function(selectedDate) { 
     $("#from").datepicker("option", "maxDate", selectedDate); 
    } 
    }); 
}); 
</script> 
+0

這應該有幫助... http://davidwalsh.name/jquery-datepicker-disable-days – Archer

+0

重複http://stackoverflow.com/questions/677976/jquery-ui-datepicker-disable-specific-days – monu

回答

10

您可以排除的日期一樣

var holidays = ["2014-02-27","2014-02-01"]; 
$("#from").datepicker({ 
beforeShowDay: function(date){ 
    var datestring = jQuery.datepicker.formatDate('yy-mm-dd', date); 
    return [ holidays.indexOf(datestring) == -1 ] 
} 
}); 

您可以到節假日陣列

+0

反正是有隻像12,每年禁用25日,因爲如果我這樣做,這樣生病不得不採取每一年或輸入更改代碼有很多的日期到數組 –

+0

沒關係香港專業教育學院,現在修好了,謝謝儘管幫助:) –

1

你必須提供更多的日期使用的DatePicker的beforeShowDay屬性象下面這樣:

$("#textboxid").datepicker({ 
beforeShowDay: function(date) { 
var day = date.getDay(); 
return [day != 0,'']; 
} 
})​​​​​;​ 

以上腳本將禁用所有星期日。

相關問題