pepperstreet VIP
Total posts: 3,837
16 Jan 2013 16:56

Just came across this jQuery project. It turns selects into a slider UI. Maybe interesting as input and filter style on Date&Time field ?!

Range Sliders:


Related links - Date & Time picker

Date & Time picker:

Time only picker:

Last Modified: 14 Mar 2019


Sergey
Total posts: 13,748
16 Jan 2013 23:05

This is cool script! :)

Looks promising. I think that it is very good for filter range. Not sure for input because it is limited with end and start date but since we know max and min dated already set will work for filters.


pepperstreet VIP
Total posts: 3,837
28 Jan 2013 18:07

Another interesting jQuery based Range Slider. A powerful touch-enabled slider for selecting value ranges, supporting dates and more.

jQRangeSlider

Demo

Tech-Demo


pepperstreet VIP
Total posts: 3,837
28 Jan 2013 20:59

Not a slider UI, but a Bootstrap styled Date Range Picker

[Page and article

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

)GitHub project


pepperstreet VIP
Total posts: 3,837
20 Feb 2013 16:15

FYI and bootstrap lovers ;-)

[DateTime picker

]( http://tarruda.github.com/bootstrap-datetimepicker/ )


pepperstreet VIP
Total posts: 3,837
25 Jan 2014 18:42

Bumping my topic… Any news and updates for replacing MooTools stuff?


pepperstreet VIP
Total posts: 3,837
18 Feb 2014 15:09

FYI - jquery date range picker by JSzen.com

GitHub project
Demos


EDIT / UPDATE:
Time input is available! Hence the 2. default Date Range example. It has Time Sliders and even presets.


Sergey
Total posts: 13,748
18 Feb 2014 23:29

But this is nice input anyway.


pepperstreet VIP
Total posts: 3,837
19 Feb 2014 08:06

But this is nice input anyway.

Another popular and best rated Date & Time picker:

Any+Time


pepperstreet VIP
Total posts: 3,837
19 Feb 2014 13:21

Another UX approach… fast date and time picking in one go. By Malot.fr

DateTime Picker

Bootstrap form component to handle date and time data. (supports Bootstrap v2 and v3)

Demo

Github project


pepperstreet VIP
Total posts: 3,837
19 Feb 2014 19:20

EDIT: Added all related links and projects to initial topic.


pepperstreet VIP
Total posts: 3,837
27 Jun 2015 01:43

EDIT: Updated initial post styling for better readability ;)


Guest
16 Dec 2015 12:49

How we can DateRange slider in salesforce using bootstrap or css style class .


Guest
14 Mar 2019 16:21

Another fascinating jQuery based Range Slider. A ground-breaking contact empowered slider for choosing esteem ranges, supporting dates and then some.

http://www.welookups.com/jquery/default.html

Powered by Cobalt