jQuery UI datepicker和对话框未定义首次单击

Question

使用jQuery UI datepicker和对话框处理来自其余调用的返回数据。

首次单击带有事件的日期会生成对话框，但内容状态未定义。记录此控制台的控制台显示相同的结果。

同一事件的第二次点击将产生具有实际内容的模态。

如果单击上一个或下一个导航几个月，则会消除任何未定义的事件内容。

我是否因为初始化日历而缺少某些内容？我查看了文档，并希望有一个onLoad而不是onSelect。第一个选择始终显示未定义，并且没有显示数据，但数据已明确加载。

 $('#datepicker').datepicker({
    numberOfMonths: [1, 1],
    dateFormat: 'yy/mm/dd',
    changeYear: true,
    changeMonth: true,
    navigationAsDateFromat: false,
    dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
    defaultDate: new Date(),
    beforeShowDay: highlightDays,
    onSelect: function(date) {
        var events = $('<div class=\"event\">');
        var strYear;
        var strMonth;
        var strDay;
        for (var i = 0; i < dat.length; i++) {
            if (dates[i] === date) {

                // SHOW EVENT DETAILS
                events.append("<div class=\"cal\"><div><div>" + dat[i].Time+ "</div> \
                                   <div>" + dat[i].content "</div>");

                $("#title").html(events);
            }
        }

        $("#dialog").dialog({
            title: "Special Event",
            draggable: true,
            closeOnEscape: true,
            closeText: "CLOSE"
        });

        // END SHOW EVENTS        
    }
});