Basic
Date Time
Use {enableTime: true, dateFormat: 'Y-m-d H:i'} option to enable time support
Range Calendar
Use {mode: 'range'} select the date with range.
Preloading Time
Use {noCalendar: true, enableTime: true, dateFormat: 'H:i'} with Date Time options to disable calendar and show time picker only.
Javascript Range Slider
Position : Top-Left
%
Position : Top-right
%
Position : Bottom-Left
%
Position : Bottom-right
%
noUI Slider
Using HTML5 input elements
Non linear slider
500
4000
Locking sliders together
60.00
80.00