Jquery | Добавление события выбора даты

Question

Как мне выделить или изменить стиль даты, на которой есть событие?

Answer 1

Я пытался это сделать некоторое время назад и обнаружил, что проще использовать другой DatePicker и стилизовать его так, чтобы он действовал / выглядел как jquery ui datepicker, чем заставить datepicker принимать данные.

Answer 2

Если вы посмотрите на вкладку "Theming" в http://jqueryui.com/demos/datepicker/,, она покажет вам все классы, которые вы можете стилизовать в CSS, чтобы получить то, что хотите :-), но я думаю, что это класс ui-state-highlight

Answer 3

Если вы запрашиваете код для добавления события и изменения темы, надеюсь, это вам поможет:

$("div").datepicker({
    beforeShowDay: function(date) {
        var result = [true, '', null];
        var matching = $.grep(events, function(event) {
            return event.Date.valueOf() === date.valueOf();
        });

        if (matching.length) {
            result = [true, 'highlight', null];
        }
        return result;
    },
    onSelect: function(dateText) {
        var date,
            selectedDate = new Date(dateText),
            i = 0,
            event = null;

        while (i < events.length && !event) {
            date = events[i].Date;

            if (selectedDate.valueOf() === date.valueOf()) {
                event = events[i];
            }
            i++;
        }
        if (event) {
            alert(event.Title);
        }
    }
});​

Календарь JSFiddle (получено из jQuery UI Datepicker: как добавить интерактивные события в определенные даты? )