Slider plugin for convenient date range selection?

Question

JavaScript

Please tell me a plugin-slider for convenient selection of a date range.
The problem is that it is necessary to carry out the choice of the time interval, with arbitrary finite boundaries.

For example, the size of the general scale can be from 00-00-0001 to 12/31/2012. On this scale, you need to choose a date interval in a convenient way.

I found similar plug-ins, but they showed not the most convenient performance with a “wide” scale - capturing a large time period.

Plugin 1 , plugin 2

Thank you for your help!

Answer 1

Not sure if this is even possible.
You choose a date, so for 2012 years it will be approximately 2012 * 365 = 734380 days, even if you put a date in each pixel (and moving the slider aiming at a pixel is a lot of fun), then you will need an element with a width of 734380 pixels :)
Of course, you asked for something else, but since you need user-friendliness when choosing a date range, there is no more convenient solution than just choosing two dates in the calendar: jqueryui.com/demos/datepicker/#date-range

Answer 2

Thanks to all who answered!
Indeed, for a large range - the slider is not the best choice. Perhaps a slice to specify a small period.

Answer 3

Try first to create a date in JS less than 1901-02-01T00:00:00.000 and then make a slider that starts from 00-00-0001. The first of the plugins you mentioned is generally awesome, which is only worth the action when you try to drag one slider over another.

Answer 4

I myself was looking for something at least a little similar to the choice of periods in Yandex.Metrica.
Times www.eyecon.ro/datepicker/
One and a half www.benknowscode.com/2012/11/selecting-ranges-jquery-ui-datepicker.html
Two bseth99.github.io/projects/jquery-ui/4-jquery-ui- datepicker-range.html
Three https://rawgithub.com/longbill/jquery-date-range-picker/master/index.html