Ernest Talks

讓 jQuery UI Datepicker 取消週末或週日不能選取

<a href="http://jqueryui.com/demos/datepicker/">jQuery UI Datepicker</a> 提供了我們很方便的日期選取工具，有些系統會希望取消週末的日期格子使之不能選取，例如某些組織/單位提供的預約系統，在週末或週日沒有提供服務，在此我們可以使用 <a href="http://jqueryui.com/demos/datepicker/#event-beforeShowDay">beforeShowDay</a> 這個預設的 event 來做取消週末或週日的日期格子的動作。 
 
範例：如果想要取消所有週末的日期格子使之不能選取，可以使用 Datepicker 內建的 noWeekends 函式。 
 
<pre class="brush: javascript">$(document).ready(function() {
 $(function() {
 $('#datepicker_reserve').datepicker({
 beforeShowDay: noWeekends
 });
 });
});
</pre> 
範例：如果想要取消所有週日的日期格子使之不能選取，我們可以將 Datepicker 內建的 noWeekends 函式稍做修改即可。 
 
<pre class="brush: javascript">$(document).ready(function() {
 $(function() {
 $('#datepicker_reserve').datepicker({
 beforeShowDay: noSundays
 });
 });
});
function noSundays(a) {
 a=a.getDay();
 return[a>0&&a<7,""];
}
</pre>
其他參考資訊：
<ul><li>getDay(): 0= 週日; 6= 週六</li>
<li><a href="http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holida">Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?</a> (stackoverflow)</li>
</ul>

讓 jQuery UI Datepicker 取消週末或週日不能選取

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