当前位置:嗨网首页>书籍在线阅读

12-禁止选择特定的日期

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

8.4.5 禁止选择特定的日期

options.minDateoptions.maxDate 选项能够指定可以选择的日期范围,但不允许定义多个不连续的日期。例如,一家公司从星期一到星期五营业,使用上面的这些选项是不可能禁止选择任何的星期六和星期日的(如图8-9所示)。

67.png

图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>