jQuery Datepicker弹出工具提示

时间:2015-02-26 02:00:43

标签: datepicker jquery-ui-datepicker

我真的只想为日期分配更多信息。我目前正在使用以下内容设置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访问?

1 个答案:

答案 0 :(得分:0)

我指的解决方案是: 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/