12-禁止选择特定的日期
8.4.5 禁止选择特定的日期
options.minDate
和 options.maxDate
选项能够指定可以选择的日期范围,但不允许定义多个不连续的日期。例如,一家公司从星期一到星期五营业,使用上面的这些选项是不可能禁止选择任何的星期六和星期日的(如图8-9所示)。
options.beforeShowDay
选项是日历上每个日期显示时会被调用的方法。对于每个日期,根据返回的数组来决定是否可以选择。
beforeShowDay (date)
方法必须返回一个数组,数组的第一项(数组的下标为0)是 true
(该日期可以选择)或者是 false
(该日期不可以选择):
<script src = jquery.js></script>
<script src = jqueryui/js/jquery-ui-1.8.16.custom.min.js></script>
<link rel=stylesheet type=text/css
href=jqueryui/css/smoothness/jquery-ui-1.8.16.custom.css />
<h3>Click to select a date :</h3>
<input id=date />
<script>
$("input#date").datepicker ({
beforeShowDay : function (date)
{
var dayOfWeek = date.getDay (); // 0 : 星期天, 1 : 星期一, ...
if(dayOfWeek == 0 || dayOfWeek == 6) return [false];
else return [true];
}
});
</script>