Если на вашем сайте нужно указывать дату при регистрации пользователей на сайте, то вам очень понравится данный скрипт. Календарь Air Datepicker облегчит ввод данных. Air Datepicker поможет вам указать правильную дату всего за пару кликов.
Установка: 1. Загрузка файлов Скачайте архив и загрузите файлы к себе на сайт: datepicker.min.js — в папку js, datepicker.css — в папку css.
2. Установка кода Теперь подключим эти файлы на сайте. На страницах, где будете использовать календарь, между тегами HEAD установите код:
Код
<script src="/js/datepicker.min.js"></script> <link type="text/css" rel="StyleSheet" href="/css/datepicker.css" />
3. Инициализация Календарь будет автоматически применен к элементам с классом .datepicker-here. Для ручного вызова воспользуйтесь следующим кодом:
Код
<script>$('.element').datepicker();</script>
Где .element — класс или ID нужного элемента (поля ввода, например).
4. Возможности Календарь может выводить не только дату, но и время, позволяет выбирать интервалы и обладает большим набором функций. Ознакомиться с полной документацией можно здесь: Air Datepicker.
Приведу пример использования плагина с опциями. Вот такой код не позволит выбрать на календаре дату ранее, чем сегодня:
Код
<script> $('.element').datepicker({ minDate: new Date() }); </script>
Скачать:
http://weebax/load/0-0-1-117-20