相关疑难解决方法(0)

jQuery UI Datepicker仅在数组中启用特定日期

我试图禁用日期选择器中的所有日期,并仅启用数组中的日期.这是我到目前为止的代码http://jsfiddle.net/peter/yXMKC/问题仅在5月14日显示为启用.其他人都是残疾人.有任何想法吗?

var availableDates = ["9-5-2011","14-5-2011","15-5-2011"];

function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, availableDates) == 1) {
    return [true, "","Available"];
  } else {
    return [false,"","unAvailable"];
  }
}

$('#date').datepicker({ beforeShowDay: available });
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui datepicker

24
推荐指数
1
解决办法
5万
查看次数

beforeShowDay方法如何工作?(Jquery UI datepicker)

我一直试图在很长一段时间内找到一个明确的解释,但我似乎无法理解这种方法是如何工作的.以下是Jquery UI API的官方文档.其他人可能会清楚,但我发现它有点模糊.我只是想采取一系列日期并禁用它们.我能够使所有日期都不可选,但不是我想要的日期.

beforeShowDayType:Function(Date date)

默认值:null

一个以日期作为参数的函数,必须返回一个数组:

[0]:true/false表示此日期是否可选[1]:要添加到日期单元格的CSS类名称或默认演示文稿的""[2]:此日期的可选弹出工具提示

在显示日期选择器之前,每天都会调用该函数.


到目前为止,这是我的(不完整)代码.

$(document).ready(function() {
    var array = ["2014-01-03","2014-01-13","2014-01-23"];
    $('#fromDate').datepicker({
        dateFormat: "yy-mm-dd",
        beforeShowDay: function(date) {
            {
                return [false, "", "Booked out"];
            } else {
                return [true, "", "available"];
            }
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui jquery-ui-datepicker

4
推荐指数
1
解决办法
2万
查看次数