Плагин-слайдер для удобного выбора промежутка дат?

Question

[boramod]

Подскажите, пожалуйста, плагин-слайдер для удобного выбора промежутка дат.

Задача заключается в том, что нужно осуществлять выбор временного промежутка, с произвольными конечными границами.



Например, размер общей шкалы может быть от 00-00-0001 до 31.12.2012 г. На этой шкале нужно удобным способом выбирать промежуток даты.



Находил подобные плагины, но они показали не самую удобную работоспособность при «широкой» шкале — захвате большого временного промежутка.



Плагин 1, плагин 2



Благодарю за помощь!

Answer 1

[Артур Смирнов]

Не уверен что это вообще возможно.
Вы выбираете дату, т.о. за 2012 лет будет примерно 2012*365 = 734380 дней, даже если в каждом пикселе помещать дату (а двигать ползунок целясь в пиксель занятие очень веселое) то вам нужен будет элемент шириной 734380 пикселей :)
Конечно вы просили о другом, но раз Вам нужно удобство для пользователя то при выборе диапазона дат удобнее решения нет чем просто выбор двух дат в календаре: jqueryui.com/demos/datepicker/#date-range

Comments

[Seldon]

Что вам мешает просто равноверно разносить даты по шкале и опираться на её длину? и сделать скажем мастабирование как обычно на графиках www.highcharts.com/demo/line-time-seriesвот смотритие и попробуйте просто выделить мышкой область. она призумится в итоге будет удобно имхо

[Артур Смирнов]

Ваш пример лишь подтверждает меня.
Представьте снова что у вас диапазон 01.01.01 до 31.12.2012 — вы не сможете выделить промежуток 02.01.01 до 30.12.2012 если у вас не длинна в пикселях равная количеству дней между этими датами. Вам в любом случаи придется выбирать 2(!) даты, а это легче и изящнее делать на календаре.

Вывод: слайдер подходит для выделения промежутков с малым количеством отсчетных единиц. (В нашем случаи это примерно половина ширины экрана пользователя в пикселях, может 80% как в вашем примере).

Answer 2

[boramod]

Спасибо всем ответившим!

Действительно, для большого диапазона — слайдер не самый удачный выбор. Возможно, долько для конкретизации небольшого периода.

Answer 3

[Анатолий]

Попробуйте сперва создать в JS дату меньше чем 1901-02-01T00:00:00.000 а потом уже делайте слайдер который начинается от 00-00-0001. Первый из указаных вами плагинов вообще шикарен, чего только стоит действие когда пытаешься перетащить один ползунок через другой.

Comments

[Анатолий]

1901-01-01

[Seldon]

new Date(-1000000000000000) и да снизайдет на тебя просветление юный подаван!

[Анатолий]

А теперь сделай то же самое, но в контрнолируемом виде — 0000-00-00.
Не стоит умничать там где оно не уместно, от того что ты узнал глюк, умней не станешь, юный подаван!

Answer 4

[Никита Траторов]

Сам искал что-нибудь хоть немного похожее на выбор периодов в Яндекс.Метрике.
Но и это сойдет. И не важно, что не слайдер.
Раз www.eyecon.ro/datepicker/
Полтора www.benknowscode.com/2012/11/selecting-ranges-jquery-ui-datepicker.html
Два bseth99.github.io/projects/jquery-ui/4-jquery-ui-datepicker-range.html
Три https://rawgithub.com/longbill/jquery-date-range-picker/master/index.html

Comments

[Никита Траторов]

А вот и слайдер ghusse.github.io/jQRangeSlider/