Jquery google analytics datepicker

Ответ 1

Недавно я опубликовал DatePicker, который поддерживает два диапазона дат в одном наборе выбора даты (аналогично тому, как в Google Analytics):

• https://github.com/petrkotek/DatePicker

Как вы можете видеть на github, это вилка https://github.com/foxrunsoftware/DatePicker.

Не стесняйтесь добавлять вопрос в github, если вы встретите любую ошибку или свяжитесь со мной напрямую.

Дополнительные функции (+ скриншоты)

Два диапазона дат в одном datepicker:

DateRangesWidget  (эта функция еще более экспериментальная - я в настоящее время работаю над этим)

Ответ 2

Функция одиночной даты для выбора диапазонов, как в календаре Google, действительно уникальна для нее. Что-то очень близко к нему, которое я использовал здесь:

http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

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

EDIT: Здесь, моя настройка (~ 100 LoC из JS/CSS/hbs) для Date Picker.

Как он выглядит так же, как и для выбора диапазона дат Google Analytics, как показано здесь.

Ответ 3

Я также ищу что-то похожее на календарь Google Analytics, что вы нашли?

У меня есть эти два, которые, похоже, также являются хорошим выбором:

• http://keith-wood.name/datepick.html
• http://www.eyecon.ro/datepicker/

И я заметил, что DateRangePicker может показывать только часть DateRange:

о том, "как я могу показать только часть плагина без показывая левое меню", вот что я do: onOpen: function() {var rp = $( "Щ-daterangepicker: видимый" ); rp.find( "уль" ) скрыть(). rp.find( "диапазоны" ). CSS ( "MarginLeft", "0px" ); ( "Щ-daterangepicker-DATERANGE" ) rp.find триггера ("click"). }}

Ответ 4

Если вы ищете код DateRangePicker, вы можете найти его по адресу: https://github.com/filamentgroup/jQuery-UI-Date-Range-Picker