Селектор диапазона дат, аналогичный селектору диапазонов дат Google Analytics?

Question

Я создаю веб-приложение, где подавляющее большинство нашей целевой аудитории, вероятно, имеют опыт работы с Google Analytics, и в качестве части этого веб-сайта есть селектор диапазона дат. Я надеялся найти готовый селектор диапазона javascript/jquery date для настройки в соответствии с моими потребностями, но я не являюсь поклонником версии запаса, которую предоставляет jquery, поскольку в ней отсутствуют фактические входные данные, у нее есть только две визуальные каландры. Я перечислил то, что я ищу ниже.

Что я люблю:

• Выберите начальную и конечную дату на одного каландра (предпочтительно с двумя месяцев показаны).

• Введите начальную и конечную даты вручную в поле ввода

• подсветка выбранного диапазона дат (изменение цвет фона дат в пределах «старт» и «конец»).

• довольно легко получить в элементах макета CSS/

Что мне не нужно:

• Селектор график
• Сравните мимо

Спасибо за h выходите!

Answer 1

JQuery-щ-DatePicker

http://jqueryui.com/demos/datepicker/#multiple-calendars

здесь также список других плагинов

http://www.bloggingdeveloper.com/post/8-Widely-Used-Calendar-Date-Picker-and-Time-Formatting-jQuery-Plugins-that-Web-Developers-Should-Know.aspx

Answer 2

JQuery-щ-DatePicker не имеют выбора диапазона дат. Только что узнал это хороший плагин, который делает это - http://www.eyecon.ro/datepicker/

обновление

Недавно начал использовать другой источник плагин открытым, и это тоже работает прекрасно.

https://github.com/dangrossman/bootstrap-daterangepicker

Answer 3

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

http://www.filamentgroup.com/examples/daterangepicker_v2/