Выбор даты и диалоговое окно jQuery UI

Question

Использование средства выбора даты и диалогового окна jQuery UI для работы с возвращенными данными из оставшегося вызова.

Первый щелчок даты с событием порождает диалоговое окно, однако состояние содержимого не определено. Выход из консоли при этом показывает тот же результат.

Второй щелчок по тому же событию вызовет модальное с фактическим содержанием.

Если вы нажимаете предыдущий или следующий для навигации по месяцам, это исключает любое содержимое события, возвращающее неопределенное значение.

Что-то мне не хватает для инициализации моего календаря? Я посмотрел документацию и надеялся, что вместо onSelect был onLoad. При первом выборе всегда отображается неопределенное и данные не отображаются, хотя данные явно загружены.

 $('#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        
    }
});