середу, 7 квітня 2010 р.

Javascript календарь

Очень удобный и красивый календарь написанный на JavaScript. Подходит как для выбора даты и времени для формы в виде popup, так и в линейном коде.

Календарь Javascript, DHTML
Календарь Javascript, DHTML

Посмотреть календарь в действии можно на сайте разработчика www.dynarch.com. Календарь на JavaScript обладает большим функционалом:

  • Внешний вид настраивается с помощью CSS в отдельном файле
  • Есть цветовые схемы
  • Навигация с помощью клавиатуры
  • Локализация
  • Настройка первого дня недели
  • Всплывающие подсказки
  • Позволяет выбирать несколько дней сразу
  • Быстрая настройка
  • * Календарь распространяется по GNU-лицензии.

Для установки календаря на свой сайт необходимо:

  1. Скачать календарь с сайта.
  2. Разархивировать календарь в корень сайта.
  3. Подключите к нужной страничке в раздел head файл стилей, файл для скругления углов, файл для выбранной темы, файл скрипта и локализованной версии:
  4. 
    
    
    
    
    
  5. В разделе bode, там где должен появится календарь инициализируйте его, вызвав конструктор. Имя контейнера обязательно должно совпадать с именем конструктора. Надо отметить что конструктор имеет множество опций, которые могут повлиять на поведение и внешний вид календаря:
  6. Если нужно вызвать календарь, который будет открываться по нажатию на кнопку, то код будет иметь следующий вид:
  7. 
    
    
    
  8. При необходимости можно изменить формат вывода даты в поле ввода:
  9. 
    
    

Немає коментарів:

Дописати коментар

HyperComments for Blogger

comments powered by HyperComments