Question

我真的只想为日期分配更多信息。我目前正在使用以下内容设置datepicker：

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

其中ajaxDates是一个包含可用日期列表的数组，例如：

var ajaxDates = [ "26-2-2015", "27-2-2015"];

这是一个预订系统，我有另一个数组，其中包含每个日期可用的座位数。我看过一篇帖子，如果有人在日期附加其他信息，我就找不到了。如果有人能指出我正确的方向，那就太好了！

编辑：我注意到标题附加到每个日期，在悬停时将工具提示显示为“可用”或“不可用”。有没有简单的方法可以通过datepicker访问？

Answer 1

我指的解决方案是： Add custom parameter to jQuery UI Datepicker

如何设置其他参数的示例如下：

var input = $("#datepicker");
var result = $("#result");
var courses = {
    "02-09-2013" : "history",
    "10-09-2013": "physics"
};

input.datepicker({
    dateFormat: 'dd-mm-yy',
    showWeek: true,
    firstDay: 1,
    numberOfMonths: 3, 
    onSelect: function(dateText, pickerObj){
        result.attr("data-course-id", courses[dateText]); 
        course.innerHTML = courses[dateText]; 
    },
    altField: "#result"
});

http://jsfiddle.net/Seandeburca/qbLwD/

jQuery Datepicker弹出工具提示

1 个答案: