виджет календаря в JavaScript

Question

Каков наилучший способ создания календаря с JavaScript, например jquery Datepicker , где я могу добавить дополнительные функции?

Я хочу отобразить несколько массивов дат в разных цветах вэто также как и выбор даты.

Должен ли я попытаться отредактировать исходный код или, лучше, использовать какую-нибудь библиотеку и сделать это сам?

Для первого случая я хотел бы найти некоторыехорошая документация источника jquery Datepicker.Во-вторых, я хотел бы найти библиотеку, которая создает хороший и простой в использовании календарь.

Answer 1

Я хочу отобразить несколько массивов дат в разных цветах, а также выбрать дату.

Средство выбора даты jQueryUI уже имеет это.

сумасшедшая демонстрация

$(function() {
    var someDates = ['10/8/2010', '10/28/2010', '10/30/2010']; // the array of dates

    $("#datepicker").datepicker({
        beforeShowDay: function(date) {
            for (var i = 0; i < someDates.length; i++) {
                if (new Date(someDates[i]).toString() == date.toString()) {

                    return [true,'someDates']; // someDates here is a class
                    // with that added class you could do your style..
                    // html would then be rendered something like this,
                    // <td class="someDates"><a href="">8</a></td>
                }
            }
            return [true];
        }
    });
});​

и вы можете сделать больше .Попробуйте прочитать event-beforeShowDay

Answer 2

Если вы не против написания своего собственного кода, вы можете попробовать мой calendar-logic.js .

Он вообще не имеет пользовательского интерфейса.Вы получите полный контроль над внешним видом и поведением календаря, не беспокоясь о математике того, сколько недель в месяце и т. Д.

Answer 3

Взгляните на календарь extjs - он выглядит гораздо более расширяемым - и есть также профессиональная версия (за плату)

http://www.sencha.com/blog/2010/09/08/ext-js-3-3-calendar-component/

Answer 4

Виджет jQuery Datepicker уже обеспечивает достаточную функциональность для календаря. Добавление пользовательских цветов - это больше стиль (то есть CSS). Кроме того, документацию очень легко найти, так что Googling для нее .

Наконец, редактирование исходного кода никогда не является хорошей идеей, так как обновление перезапишет ваши изменения.