123

Bootstrap DateRangePicker — удобный выбор диапазона дат

Этот компонент выбора диапазона дат для Twitter Bootstrap создает выпадающее меню, с помощью которого пользователь может выбирать необходимый интервал дат. Данный скрипт хорошо подходит для интерфейсов различных отчетов.

Если скрипт вызывать без параметров, то в меню будут показываться два календаря для выбора начальной и конечно даты. Кроме того будет доступен для выбора список с самыми распространенными диапазонами (например: вчера, сегодня, эта неделя или месяц). Если у вас есть текстовое окно, то можно будет сделать так, чтобы при выборе из этого списка, текст автоматически копировался в этой окно. И конечно, вы сможете настраивать функции обратного вызова по своему вкусу.

Пример Скачать (.zip, 40 Кб)

Использование

Этот компонент основан на Twitter Bootstrap,
Datejs и jQuery.

Запуск.

Дополнительные опции:

  • Как только будет происходить выбор дат, будет исполняться обработчик обратного вызова
  • Инициализация определенных дат начала и конца в календарях
  • Ограничение выбора минимальной и максимальной дат
  • Локализация всех надписей
  • Запуск календарной недели на любой день недели
  • Переопределение направления выпадающего меню
  • Установка определенного формата даты для анализа и печати
  • Показ порядкового номера недели

Синтаксис всех опций можно найти в файле examples.html.


Оставить комментарий