beforeShowDay方法如何工作？ （Jquery UI datepicker）

Question

我一直試圖在很長一段時間內找到一個明確的解釋，但我似乎無法理解這種方法是如何工作的。 以下是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"];
            }
        }
    });
});

Answer 1

試試這個：

beforeShowDay: function(date) {
    if($.inArray($.datepicker.formatDate('yy-mm-dd', date ), array) > -1)
    {
        return [false,"","Booked out"];
    }
    else
    {
        return [true,'',"available"];
    }
}