119 JQuery Range Plugins

When is a small Date Range Picker plugin for your website, which runs without any frameworks. It can be used as a single date or range selection picker. Can be shown inline or used as a dropdown attached to an input. The plu.....
Calendar Plugins Premium

A jQuery plugin to create and manage date ranges. Also requires jquery-ui for the datepickers. .....
Calendar Plugins

Ranger.js is a small, standalone library for working with ranges of numbers in Javascript.Ranger provides all the utility methods you’d expect, including clamp, wrap, map, and random. These methods are available statical.....
Core Java Script

In this tutorial we will see how we can simulate the behavior of a range input, with an elegant component. Fancy component to simulate a range input, based on this dribbble shot by Stan Yakusevich.To code it, we will mainly u.....
Animation Core Java Script CSS Forms SVG Tutorial

Calentim is a Date/Time Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date/time picker besides the range selection feature. Can be shown inline or used as a dropdown beside an inp.....
Calendar Plugins Premium

rsSliderLens is jQuery UI slider control that magnifies the current value.Features:Two types of slider:Sliding type: The handle can move along the slide rail;Fixed type: The handle remains in a fixed position, while the slide rail.....
Plugins

Shooting range game with HTML5 canvas. .....
Games HTML5

Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.Features.....
Calendar Plugins Premium

A Basic jQuery library to arrange/order DOM elements by dragging .This plugin doesn’t require any CSS change, just call the function on elements you want to be arranged, and you are done. .....
Drag_Drop Plugins

Multirange is a tiny polyfill for HTML5 multi-handle sliders.Features:Tiny.No dependencies.Uses feature detection, will not run if two-handle sliders are natively supported.Keyboard accessibleClicking on the track still worksHandl.....
HTML5

A super tiny library to make <input type="range"> sliders work better on touch devices.No setup required, just include the scriptLess than 1KB minified and gzippedNo dependencies (written in “vanilla” JavaScript).....
Core Java Script Plugins

jQuery range picker let you set a range between two numbers (positive or negative) or even dates and catch a value by dragging a cursor. .....
Plugins

Price Range slider is a slider having price on it means instead of entering the price user can also slide the meter to the appropriate price range and submit the price.Price Range Slider is very common in modern websites they are .....
PHP Plugins

Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type=”range”>` slider element. Touchscreen friendlyRecalculates onresize so suitable for use within responsive designsSmall and fastSuppor.....
Plugins

A complete rewrite of the original bootstrap-slider by Stefan Petre .....
Bootstrap Plugins

Lightweight HTML5 based range data slider for mobile and desktop that creates data objects from user input and formats as JSON for modern web app’s .A substantial improvement over the data range sliders in jQueryUI and Twitt.....
Bootstrap HTML5 jSON Plugins

Jalendar2 is a premium calendar plugin pack that created with jquery javascript library.Jalendar offers you 4 different calendar options. You can list your events, you can link to days, you can use Jalendar Selector for date selec.....
Calendar Plugins Premium

Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values.Not only a round slider, it supports the quarter, half and pie circle shapes also. .....
Plugins

Datepair.js is a lightweight, modular javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar. It will keep the start and end date/times in sync and can set default values based on user acti.....
Plugins

jQuery Lcn is a 360 degree circle range select input widget. .....
Plugins

jQuery Date Range Picker is a jQuery plugin that allows user to select a date range.Requires jQuery 1.3.2+, Moment 2.2.0+Supports IE6+, Firefox, Chrome, Safari and other standard HTML5 browsers.Supports multi-languageFully CSS sty.....
Plugins

Rangestepper.js is a jQuery plugin that creates a highly css style-able snappable range input. .....
Plugins

jRange is a jQuery plugin to create range selector. .....
Plugins

Fully customizable with CSS, Single/Double handles, Touch-enabled, IE 7+ Compatibility, Custom Digit Rounding, Non linear step increments! .....
Plugins

Powerange is a range slider control, inspired heavily by iOS 7 and the “Power Rangers” TV series. It is easily customizable, both by CSS and JavaScript. With it’s many features, including changing color and overa.....
Core Java Script Slider

Simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element.Features:Touchscreen friendlyRecalculates onresize so suitable for use within responsive designsSmall and fast .....
Forms HTML5

A jQuery plugin to resize number (ranged) inputs based on length of characters.Tired of BORING number inputs that are hard to see when the numbers are too long? Tired of numbers that are too small inside the box? Add some POWER to.....
Forms Plugins

Ion.RangeSlider — Nice, comfortable and easily customizable jQuery range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS.Features:Slider supports negat.....
Plugins Slider

A jQuery plugin for getting, setting and replacing the selected text in input fields and textareas.This jQuery plugin is for easily finding the starting and ending positions of selected text in text fields and textareas. It can al.....
Forms Plugins

This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. It was created for the reporting UI at Improvely.If invoked with no options, it will present two calenda.....
Bootstrap Calendar Plugins

An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution.The script can be used as an HTML5 input range polyfill solutionIntroduces a gradient filled “range bar” for quick visual .....
Core Java Script Forms HTML5 Slider

jQRangeSlider is a jquery UI range selection slider that supports dates.Features :Select a range of values inside defined bounds.Adjust your selection by moving an end.Move your range as a whole.Move selected range with scrolling .....
jQuery UI Plugins

In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range. At the moment, Internet Explorer and Firefox do not suppor.....
Core Java Script HTML5

noUiSlider is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.Every event.....
jQuery UI Plugins Slider

Examples and skin for 'Bootstrap Datepicker'. .....
DatePicker

Enables selection of a date range using jQuery UI datepicker .....
DatePicker

using bootstrap + Eonasdan bootstrap-datetimepicker include validation .....
DatePicker

Provides functionality to set the minimum start date of a start / end date range pair of datepickers that can be used multiple times on the same page without customizing. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

I wanted to make a calendar that would make it easy to visualize and choose a date range. .....
Calendar

From Dribble https://dribbble.com/shots/2098475-Calendar-date-range-picker .....
Calendar

noUiSlider is a Lightweight and Customisable plugin for creating really cool Range Slider without having to include the complete jQuery UI library......
Range-Slider

xslider is a flexible, customizable, responsive, mobile-friendly, jQuery based slider control which can be used for range input, pagination controls, carousel navigation, and much more......
Range-Slider

rangePlayer is a small jQuery plugin which enables your visitor to play only a specific part of an HTML5 video embedded in your page......
video jQuery-UI

PickMeUp is yet another Vanilla JavaScript plugin for creating a customizable date picker embedded within an input filed that will pop up when the input is focused......
Date date-range Date-Picker Calendar

rangeslider.js is a jQuery plugin which makes use of JavaScript and CSS/CSS3 to create animated, touch-enabled and Android- / Material Design-style range sliders......
Range-Slider Material-Design

A jQuery/Bootstrap plugin that lets you create multi-language, highly customizable date picker, date range picker, inline calendar for your Bootstrap powered web project......
date-range Bootstrap Date-Picker Calendar

A simple, pretty nice, Bootstrap-style, jQuery based datetime picker plugin with support for custom date/time format, year/month/time view, date range selection and much more......
Date-Picker date-range Time-Picker Calendar

A simple yet powerful jQuery plugin that turns an input field into a customizable single- or multiple-range slider with support of both touch swipe and mouse drag support......
Range-Slider

kronos is a simple, animated, customizable, pretty clean date picker and date range picker plugin for the web......
Date-Picker date-range

r-slider is a multi-purpose, highly customizable slider control plugin that helps users select a single value or a range of values in an elegant way......
Range-Slider range

fancyknob is an easy-to-use jQuery plugin which converts the normal range input into a nice, customizable knob with support for both mouse drag and touch interactions......
Range-Slider knob

roundSlider is a jQuery plugin for converting a DIV element into a circular range slider which helps you slide range of values with mouse drag......
Range-Slider circular-slider

inputSliderRange is a jQuery plugin to create a highly customizable range slider that enables the user to increment/decrement values in the associated input box......
Range-Slider

mb.valueSlider is a jQuery plugin to create multifunctional slider controls for easily selecting and changing values by dragging the handlers......
Range-Slider value-slider

A minimal, clean jQuery range slider plugin which enables you to select a range of numeric value via drag and drop......
Range-Slider

timeRangeWheelSlider is a jQuery plugin to create a circular, SVG-based, touch-enabled, knob-style, 24-hour time range selector (duration picker) using d3.js library......
Time-Picker Duration-Picker

tui.date-picker is an easy-to-use, user-friendly, multi-language, highly customizable calendar, time/date/month/year picker and date range picker component implemented in jQuery......
Date-Picker Calendar date-range

t-datepicker is a responsive, flexible, elegant, themeable, highly-configurable data range picker written in JavaScript (jQuery) and CSS(SASS)......
Date-Picker date-range

multiSlider is an extension to the jQuery mobile slider widget that allows you to merge several range inputs into a multi range slider widget......
Range-Slider

A simple jQuery and jQuery UI based price range slider for eCommerce websites that enable the customers to filter product list by a price range specified in the min/max value fields or by dragging the slider handlers......
jQuery-UI Range-Slider

html-input-range is a jQuery plugin to create a slim, elegant, custom range slider from a standard HTML range input that enables the user to pick a number within a specific range......
Range-Slider

This is a pure CSS solution to create slim, beautiful, range sliders with custom handles and labels. jQuery is used only to handle values displayed in the labels as you drag the range slider......
Range-Slider

Continuous Calendar is a jQuery plugin for creating date picker and range selector with scrollable months instead of paged......
Date-Picker date-range

A simple, lightweight jQuery plugin that helps you create a nice clean, fully configurable data range picker for hotel booking web app......
Date-Picker date-range

rangeRover is a lightweight jQuery plugin to render a customizable range slider from dynamic data sets that feature categorized, range, and single selections......
Range-Slider

ProgRange is a jQuery reading progress indicator plugin to create a range input based progress bar representing the current scroll position as you scroll down or up the web page......
progress-bar

A cross-browser, highly customizable jQuery date picker plugin that enables the user to select times, dates, months, years and date ranges from a well-designed calendar popup......
Date-Picker Time-Picker date-range

A jQuery plugin that automatically generates responsive horizontal selectors from associated Bootstrap select dropdowns for easier option selection......
Bootstrap Select jQuery-UI Range-Slider

asRange is a jQuery plugin which converts an input field (or even a DIV element) into an accessible, fully customizable range slider control allowing users to input a range of values......
Range-Slider

Calendrical is a simple yet customizable jQuery date & time picker plugin for easy date and time range selection as you seen on Google Calendar......
Date-Picker Time-Picker date-range

The Bootstrap range plugin converts the normal text field into a range picker where you can choose maximum and minimum values from a dropdown select when focused......
Bootstrap ranger-picker

A flexible, customizable, convenient date range picker plugin for jQuery that allows to quickly select a date range from Day, Week, Month, Quarter, Year and Calendar views......
Date-Picker date-range month-picker

This is a very small yet useful jQuery plugin allows the user to quickly set the date ranges (Today, This Week, This Month) for the input fields......
date-range

A jQuery datepicker plugin that splits the normal date input into several fields (Year/Month/Week/Date) for easier date and date range selection......
Date-Picker date-range

A simple, flexible, highly customizable jQuery circular slider plugin for rendering round/radial/ellipse range sliders using HTML5 canvas element and data attributes......
Range-Slider circular-slider

A fancy range slider control plugin that allows your user to select numeric values from a responsive, customizable and touch-friendly button group......
Range-Slider

A simple to use jQuery plugin which allows the visitor to quickly select a date range using jQuery UI datepicker widget.....
jQuery-UI Date-Picker date-range

An easy-to-use Datetime picker plugin for jQuery that allows the user to select dates, times and date ranges in a nice clean calendar interface......
Date-Picker Time-Picker date-range

A pretty cool jQuery timer picker plugin which enables the user to select a time range from a circular SVG based clock interface......
Time-Picker

Yet another jQuery date picker plugin which creates single or multi-viewed calendars for easier date or date range selection......
Date-Picker date-range

This is a set of Google Material Design inspired slider controls utilizing jQuery, CSS3 and HTML5 range slider inputs......
Range-Slider Material-Design

addSlider is an easy-to-use jQuery plugin that lets you render animated, configurable single-value sliders and/or range sliders in the web applications......
Range-Slider

A simple, powerful jQuery range control plugin which converts the hidden input fields into fully configurable range sliders with custom scales, labels and directions......
Range-Slider

lineRangeChart is a jQuery plugin which allows to visualize your complex data in a responsive range & line chart with custom filters and ranges......
line-chart

PAcalendar is a lightweight jQuery date picker plugin based on moment.js that helps you create a navigatable monthly calendar for quick and easy date & date range selection......
Date-Picker date-range

A jQuery plugin for converting a jQuery UI date picker widget into a date range picker which enables the visitor to select a date range in one control......
jQuery-UI Date-Picker date-range

Wheel is a simple fast jQuery plugin which takes advantage of D3.js library to draw a circular 360° slider from plain html structure......
Range-Slider

daterangeBar is a minimal jQuery plugin that visualizes date range into an easy-to-style progress bar, for example: today (Jan. 11) is 33% of January......
date-range

DatePickr is a feature rich date picker plugin for creating both inline and input-triggered calendars capable of selecting single / multiple dates and/or date ranges......
Date-Picker date-range

SlimSlider is a jQuery range input plugin which helps you generate slim range sliders with support for snapping, pips, floats and CSS3 animated labels......
Range-Slider

Makes use of jQuery and CSS3 to create an animated Html5 range slider input with dynamic reel numbers populated by JavaScript......
Range-Slider

Just another date range picker plugin which allows you to select a date range from a flat calendar UI based on jQuery & jQuery UI......
Date-Picker date-range

Calendar By Year is a lightweight jQuery yearly calendar plugin which allows for multi-day selection with multi-year display......
Calendar Date-Picker date-range

Input Slider is a jQuery plugin that converts an input field into a nice amount/range slider with a custom handle......
Range-Slider

A jQuery extension for default jQuery UI slider widget that allows you to display multiple ranges in a single slider. How to use it: 1. Load the necessary jQuery library and jQuery UI in your document. link rel=stylesheet href=//c.....
jQuery-UI Range-Slider

Image Auto Place is a jQuery web typography plugin that displays your images of an article in magazine-like layout......
Typography

Ranger is an easy & fast jQuery plugin that converts standard range inputs (input type=range) into horizontal or vertical range picker/sliders with a good looking......
Range-Slider range

Orange Tree is a simple lightweight jQuery tree view plugin helps you create an expandable/collapsible folder/file tree structure......
tree-view Folder-Tree

jQRangeSlider is a powerful range slider plugin buitl with jquery for selecting value ranges, supporting dates and more. jQRangeSlider has been tested with iOS and Android that supports all the touch devices......
jQuery-UI Range-Slider

asDatepicker is a fully configurable and accessible jQuery plugin which makes it easy to pick a date or date range from a dropdown or inline date picker......
Date-Picker date-range

A jQuery plugin which extends the jQuery UI slider widget to create flat styled single sliders or range sliders with CSS3 transitions and customization options......
jQuery-UI Range-Slider

A simple to use jQuery plugin to help you create a stylish range slider that is fully customizable via CSS and Javascript......
Range-Slider

datePicker is a simple yet customizable jQuery plugin used to create date & date range pickers for your Apps by using moment.js......
Date-Picker date-range

A jQuery, jQuery UI and moment.js based date range picker that supports historical date range options as you seen on some Google Applications......
jQuery-UI Date-Picker date-range Date

A flexible & mobile-friendly jQuery date range picker which allows to select a date range from a stylish calendar popup with custom preset ranges......
Date-Picker date-range

An awesome jQuery & Bootstrap powered date picker plugin which allows to select a date range from two auto-switching date inputs......
Date-Picker date-range

A tiny jQuery plugin that extends the jQuery UI slider component to create a stylish circular range slider from a range input......
jQuery-UI Range-Slider circular-slider

Fresh Slider is a lightweight jQuery plugin that turns DIV elements into nice clean value/range sliders with custom step and callbacks support......
Range-Slider value-slider range

A super simple jQuery extension that enhances the default jQuery UI slider widget to create a stylish & animated range slider with CSS3 transitions and transforms......
jQuery-UI Range-Slider

UI Slider is a simple jQuery plugin that converts an DIV elements into an iOS-Style range slider with some customization options......
Range-Slider

Spunky Slider is a lightweight jQuery plugin which converts a range input into a highly customizable and styleable range slider......
Range-Slider

Range Calendar is a nice jQuery plugin which allows you select a date range in a fully customizable calendar layout with months......
Calendar Date-Picker date-range

Extends the native jQuery UI slider widget to create a stylish slim range slider with jQuery and CSS3 transforms......
jQuery-UI Range-Slider

Range 2D Slider is a jQuery plugin which allows turning an input box into a highly customizable 2D range slider with tooltip and Canvas based grid support......
Range-Slider

Another lightweight jQuery plugin that helps you create clean and themeable range slider with ease......
Range-Slider

Colored Slider is a jQuery & jQuery mobile plugin that converts a range input to a value slider with color feedback when the value changed......
Range-Slider value-slider range