jquery ui日期选择器事件上的自定义文本

我从数据库收到一个数组，其中包含一些日期和每天的描述。 我希望显示jquery datepicker日历，其中使用自定义css类显示指定的日期。 除此之外，用户应该能够单击特定日期，并在不同的div元素中显示描述

css类的第一部分正在工作，但我无法显示描述。 这就是我到目前为止所做的：

var Event = function(text, className) {
    this.text = text;
    this.className = className;
};

var events = {};
events[new Date("09/18/2012")] = new Event("description 1", "pink");
events[new Date("09/19/2012")] = new Event("description 2", "green");

$("#minical").datepicker({
    beforeShowDay: function(date) {
        var event = events[date];
        if (event) {
            return [true, event.className, event.text];
        }
        else {
            return [true, '', ''];
        }
    },
    onSelect: function(dateText, inst) { 


    },
    minDate: "-3Y",
    maxDate: "+3Y",
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    altFormat: "yy-mm-dd",
    defaultDate: "+1w",
    "showButtonPanel": true
});

<style>
.pink > a { 
    background-color: pink !important;
    background-image:none !important;
}

.green > a { 
    background-color: green !important;
    background-image: none !important;
}
</style>

var事件=函数（文本，类名）{
this.text=文本；
this.className=className；
};
var事件={}；
事件[新日期（“2012年9月18日”）]=新事件（“说明1”、“粉色”）；
事件[新日期（“2012年9月19日”）]=新事件（“说明2”，“绿色”）；
$（“#minical”）.datepicker({
beforeShowDay:功能（日期）{
var事件=事件[日期]；
如果（事件）{
返回[true，event.className，event.text]；
}
否则{
返回[真]，''；
}
},
onSelect:function（dateText，inst）{
},
minDate:“-3Y”，
maxDate:“+3Y”，
showButtonPanel：是的，
变化月：对，
变化年：是的，
格式：“年月日”，
默认日期：“+1w”，
“showButtonPanel”：真
});
.pink>a{
背景色：粉红色！重要；
背景图像：无！重要；
}
.green>a{
背景色：绿色！重要；
背景图像：无！重要；
}

---

Thx提前

我不确定我是否理解您的需求，但如果我理解正确，您希望在另一个div中显示所选日期/事件的描述

您的

onSelect

事件可能如下所示：

onSelect: function(dateText, inst) { 
     var event = events[new Date(dateText)];
     $("#description").html(event.text);
}

---

这对我有用。。至少在chrome中是的，我忘记了一个重要的部分：）我想在另一个div中用id=“description”My badCool的onSelect事件显示描述。这正是我想要的：）我读了我自己的帖子，我发现它令人困惑。不过你说得对。谢谢