← к списку статей

08.09.10 (последнее изменение 28 октября 2010)

Календарик на свой вкус

Как прикрутить собствнный дизайн к  jQuery UI datepicker

Понадобилось сделать кастомный календарь. Взял за основу jQuery UI datepicker и написал для него свои стили. Пару недостающих классов в таблицу календаря пришлось добавить с помощью яваскрипта — класс left левым ячейкам и nextMonth нижней строке. В результате вот такая красота.

Нужно отметить, что события календаря работают неожиданно: казалось бы, событие изменения месяца должно отрабатываться после отрисовки нового месяца, а на деле все наоборот. Поэтому пришлось применять задержку в добавлении классов.

HTML

CSS

JavaScript

← к списку статей