200 JQuery Picker Plugins

Pickr is a flat, simple, responsive and hackable color-picker. It has no dependencies and compatible with all CSS Frameworks just like Bootstrap, Materialize.FeaturesSimple usageNo dependenciesMultiple color representationsColor .....
Core Java Script

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

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

Position picker is jQuery plugin. Can be used as a web component to improve user interface. .....
Plugins

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

Huebee is a JavaScript library for creating user-centric color pickers. Huebee displays a limited set of colors so users view all colors at a glance, make clear decisions, and select a color with a single click. .....
Core Java Script

You may have heard of Flatpickr as it is one of the most widely used date and time pickers available. We are including it in our list because it’s authors have recently announced version 2.0, introducing lots of new features lik.....
Calendar Plugins

Wickedpicker turn any input element into a elegant timepicker.Features:Simple user interfaceMinimally invasive CSS, no styles applied to input fieldsLightweightEasy to implementAll instances on the page use the same timepicker sel.....
Plugins

A simple color picker plugin in pure JavaScript, for modern browsers. .....
Core Java Script

This 4.91KB (gZip; 11.79KB minified) small date/time picker provides a lot of hooks for developers to write calendars, agendas, booking systems, plugins, etc. This is not only a picker but a set of modules that can be used to buil.....
Calendar Plugins

A jQuery plugin to convert a simple text input to a fully featured google maps address picker. .....
Maps Plugins

Multipicker is jQuery plugin for selecting days, numbers or other elements, it supports multi selecting (like checkboxes) or single element selection (like radio buttons). .....
Forms Plugins

A simple jQuery plugin for picking provinces, cities and districts of China. .....
Forms Plugins

The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker and slider components (jQueryUI) are required for using any of these. In addition all datepicker options are still available through the timepicke.....
jQuery UI Plugins

A wicked good date time picker for jQuery and Zepto.Intimidatetime is still young, but already comes with many features like timezones, i18n, unix timestamps, date time ranges, and more! .....
Plugins

Timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker. .....
jQuery UI Plugins

JS component to pick colors from a predefined / restricted palette.The name attribute is used to bind the color picker to the input, so its recommended to be unique if you have several inputs with the same name, all of them will c.....
Plugins

jQuery plugin for displaying a popup that allows a user to define a time and set that time back to a form’s input field. .....
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

A simple PickList using jQuery and Bootstrap .Picklist is a multiselect box plugin. .....
Forms Plugins

Dropdown date and time picker.This plugin converts <input type="text"> into dropdown elements to pick day, month, year, hour, minutes and seconds.support date, time, datetime12h / 24h formatbased on momentjsi18n .....
Plugins

A take on the material design date picker modal, built for the web.Works well with Materialize, or standalone. .....
Calendar Core Java Script

A simple bootstrap colour picker utilising the colorbrewer scales. .....
Bootstrap Plugins

This plugin replaces <input type="text"> with dropdown elements to pick day, month, year, hour, minutes and seconds. You can submit form as usual because dropdowns don’t have name attribute and not submitted.support .....
Plugins

A Twitter Bootstrap component basically adds a color picker to a field or any other element, even embed to the page or dropdown menu.common color panelcustom your favor colorthe bootstrap-colorpicker integrated .....
Bootstrap Plugins

In this article we transform the famous jQuery UI datepicker into a weekpicker. This means that when we hover over the calendar cells, the whole week row needs to be highlighted; and when we select a date, the week start and date.....
jQuery UI Plugins

The wsCalendar is a jQuery plugin that provides datepicking features. It is easy to use and includes bunch of useful functions. .....
Calendar Plugins

Lightweight customizable cross-browser jQuery datepicker, built with es5 and css-flexbox. Works in all modern browsers. .....
Calendar Plugins

Where we create a month and year user friendly picker as a jQuery plugin. The plugin enables users to click any HTML element, but usually a link or button, and be presented with a popup where they can select a year and a month. .....
Plugins

A jQuery plugin that let’s you display a schedule, and move time pickers within the schedule to find a time where everyone is free. .....
Plugins

Datetator is a jQuery-based replacement for input boxes, making them date pickers. It affects the original input box directly, which is used as the data container. .....
Plugins

Filthypillow is a fancy and small calendar and date-time picker. .....
Calendar Plugins

jQuery timepicker is a lightweight timepicker plugin for jQuery inspired by Google Calendar. It supports both mouse and keyboard navigation, and weighs in at 2.7kb minified and gzipped. .....
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

Fifty shades is a jQuery plugin that provides a facility to see and choose one color from 50 shades of one defined color. .....
Plugins

Generic jQuery plugin template for building pickers using Bootstrap popovers, fully customizable with a powerful base API, including jQuery.UI position plugin. .....
Bootstrap Forms Plugins

Looking for mobile first, tiny foot print, fast, scaleable, flexible and pluggable… This 4.7KB small HSB color picker is based on a subset of colors.js from it’s big brother colorPicker, supports all modern features .....
Plugins

Font Awesome Icon Picker is a fully customizable plugin for Twitter Bootstrap, with a powerful base API.You can use Font Awesome or another font icon set of your choice (icons options and items are customizable) .....
Bootstrap Other API Plugins

Colorpicker plugin for Twitter Bootstrap, originally written by Stefan Petre.It basically adds a color picker to a field or any other element.can be used as a componentalpha pickermultiple formats: hex, rgb, rgba, hsl, hsla .....
Bootstrap Plugins

Date/time picker widget based on twitter bootstrap. .....
Bootstrap Calendar Plugins

This minimal plugin allows you to easily and simple to display a color picker on your website. You can easily just copy and paste the one liner code, or get into some more of the detailed configuration.Features:Replace all colors .....
Plugins Premium

jQuery Plug-in – Carousel Picker for li tags.Features:Carousel Picker for list.Horizontal or vertical orientation.Align on left / center / right or top / medium / bottom.Custom class for selected and unselected items.Respons.....
Carousel Plugins

IconPicker is a simple jQuery Icon Picker plugin. .....
Plugins

Evol colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup binded to a text box. It is a full jQuery UI widget, supporting various configurations and themes. .....
Plugins

Timepicki – free Time picker jquery plugin, it is simple and clean timepicker so user can understand to set time for your project in input forms. .....
Plugins

AntColorPicker, is the jQuery color picker plug-in of AntProduction. .....
Plugins

Customizable date (and time) picker. Opt-in UI, no jQuery!.Rome synchronizes in real-time with inputs, never steals focus, and its CSS is entirely customizable! .....
Calendar Core Java Script

Minical is teeny (~300 lines of Coffeescript), and has no dependencies other than jQuery, its icon PNG and stylesheet (which has SASS variables for easy customization).It has full keyboard support and also defaults to make the ass.....
Calendar Plugins

Tiny Colorpicker is a crossbrowser jquery plugin that creates a color picker (form) input. Its a easy way to add color pickers to your forms or user interface. .....
Plugins

A clock-style timepicker for Bootstrap a jquery plugin.Both desktop and mobile device are supported. It also works great in touch screen device.All major browsers are supported, including IE 9+. It should look and behave well enou.....
Bootstrap Plugins

Beatpicker is a simple and powerful date picker widget for jQuery.Features:Different Date Formats.Different Position options.Custom Separator.Disable Any Month option. .....
Calendar Plugins

Colpick is a simple Photoshop-style color picker jQuery plugin. Its interface is familiar for most users and it’s also very lightweight loading less than 30 KB to the browser.Features:No images! Just a JS and a CSS fileVery .....
Plugins

jQuery fontIconPicker is a small (1.58kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms. The list of icons can be loaded manually using a SELECT .....
Plugins

A easy-to-use jQuery color picker for Twitter Bootstrap.There are some great color picker plugins out there, but most cater to the needs of techies and designers, providing complicated controls to access every color imaginable.Pic.....
Bootstrap Plugins

Responsive flat design jQuery DateTime Picker plugin for Web & Mobile.DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application developm.....
Calendar Plugins Responsive

Picker is a jQuery plugin for replacing default checkboxes and radios. Part of the formstone library. .....
Forms Plugins

This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input eleme.....
Maps Other API Plugins

A Bootstrap 3 optimized advanced responsive color selector with color swatches in jQuery and support for human perceived lightness. Works in all modern browsers and on touch devices. .....
Bootstrap Plugins

A jQuery plugin to pick popular icon fonts like fontawesome and glyphicon for bootstrap 3.0. .....
Bootstrap Plugins

Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It’s easy to customize options. .....
Calendar Plugins

This minimal plugin allows you to easily and simple to display a color picker on your website. You can easily just copy and paste the one liner code, or get into some more of the detailed configuration.Features:Replace all colors .....
Plugins Premium

A jQuery plugin to allow you to add gradient choosers to your website.The type of gradient (radial, linear) is configurable as well as the fill direction of the gradient.Currently works in Webkit, Mozilla and Opera. Support for IE.....
Plugins

Colorpicker in jQueryUI style. Themeroller look & feel. Multiple color spaces, input/output formats, controls.Full-featured colorpicker for jQueryUI with full theming support. .....
Plugins

An advanced jQuery color selector with support for human perceived lightness (it works in the CIELab color space). It works on all modern browsers and on touch devices. .....
Plugins

Clock-like timepicker for Twitter Bootstrap. .....
Bootstrap Plugins

CSS3 skins for jQuery UI datepicker.To use them, start by copying the .datepicker.css files you need as well as the images in the images folder. Then add the appropriate classes to your datepickers. See below for a complete li.....
Calendar CSS jQuery UI

Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS. .....
Bootstrap HTML5 Plugins

A jQuery UI widget for selecting angles.JavaScript and CSS is based on LayerStyles. .....
jQuery UI Plugins

I wanted a colorpicker that didn’t require images, and that had an API that made sense to me as a developer who has worked with color in a number of applications. I had tried a number of existing plugins, but decided to try .....
Plugins

An ultra-simple, customizable, light-weight date picker plug-in for jQuery at just over 7KB compressed or 25KB uncompressed.Features:Stylize current date, selected date, special dates and individual days of the weekSet data on spe.....
Calendar Plugins

Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.Features:Works great on both single and multiple select elements.Falls back nicely for clients without JavaScrip.....
Bootstrap 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

Pickadate.js is a lightweight jQuery dateinput picker. .....
Calendar Plugins

Pikaday is a JavaScript datepicker with a light footprint and easy style-ability with modular CSS. Pikaday is packed below 5kb and isn’t even dependent on jQuery. It does play well with Moment.js if you need advanced formatting......
Calendar Core Java Script Plugins

A simple lite jQuery color picker plugin with a swatch to remember the last 10 colors chosen, that uses html5 markup. .....
HTML5 Plugins

JalaliJSCalendar is a JavaScript date-picker and calendar widget based on “Dynarch DHTML Calendar” from Mihai Bazon. The main difference between two is that JalaliJSCalendar supports Persian (AKA Hijri Shamsi) calendar.....
Calendar Plugins Web

Unlike many other colorpickers out there, colorjoe is truly scaleable. It is based on CSS and does not depend on external images. As a result, you can tweak its size to fit your purposes. Supports touch and AMD module definition a.....
Plugins

In this jQuery Mobile tutorial, we will create a nice demo app from scratch, to show some of the things that can be easily done using this powerful tool.We will create an application that will enable the user to choose a restauran.....
jQuery Mobile

jQuery TimePicker is a plugin to help users easily input time entries. It works by allowing the user to type times in a free format or selecting them from a dropdown menu.A jQuery plugin to enhance standard form input fields helpi.....
Plugins

Use this Colour Picker plug-in on a normal <select>-element filled with colours to turn it in to a colour-picker widget that allows users to view all the colours in the drop-down as well as enter their own, preferred, custom.....
Plugins

jQuery CalendarPicker is a free ultra-light calendar.This component is a light-weight calendar/date-picker.Features:supports internationalization (supports do not necessary means it is implemented:-) )supports changing current dat.....
Calendar Plugins

A color picker coded using Raphael and jQuery. The wheel is drawn using the Raphael js library. jQuery is used to assist with events.The wheel size is set on creation. It supports a small set of callbacks. .....
Plugins

Kalendae is an attempt to do something that nobody has yet been able to do: make a date picker that doesn’t suck. Kalendae provides the following features:Fully portable, no dependencies. No jQuery, no Prototype, no MooTools.....
Calendar Core Java Script

jQuery Any+Time includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility. .....
Ajax Calendar Plugins

This one is a jQuery color picker plugin that can be used to add a color picker into any webpage. The color picker is related to an existing element, for instance a text field, and updates the value of the element when a color is .....
Plugins Web

Address Picker is a jQuery plugin with autocomplete and location on map features. It displays map for the selected address, even while you navigate in autocomplete suggestions.Autocomplete filled by Google Map Geocoder suggestions.....
Maps Other API Plugins

Mobi Pick is an Android-style datepicker widget for jQuery Mobile. It uses the date library XDate and allows progressive enhancement for date input fields using Modernizr. .....
Calendar jQuery Mobile

ColorPicker is an advanced and highly customizable JavaScript color picker that doesn’t rely on any JS frameworks. It can display the entire color palette (~16.78 mil. colors) in 6 different color modes. .....
Core Java Script Web

Zebra Datepicker is a small, compact and highly configurable date picker plugin for jQuery and it is built using the fabulous jQuery Plugin Boilerplate. It is cross-browser – works in every major browser; also, it works in Inter.....
Calendar Plugins Web

ExColor is a jQuery plugin for enabling users to select colors from a Photoshop-like color picker. It is attached to input fields and can be activated by simply calling a single-line function. .....
Plugins Web

A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select con.....
Animation Calendar Plugins

jQuery colors picker has following benefits:The HSL color model is more intutive for humans than RGB (which was developed as a technical solution)The pickers are designed so there’s no need to really know anything about col.....
Web

The big difference between the Jquery Color Picker and other Jquery powered color pickers is the Jquery Color Picker takes a normal html select like above and turns it into an intuitive, cross browser, color picker. .....
Plugins Web

.....
MultiSelect

using boostrap + eternicode bootstrap-datepicker .....
DatePicker

jQuery UI is solid. I wanted to see how hard it would be to use a good datepicker implementation styled as a google material designed widget. .....
DatePicker

Using datepicker https://github.com/uxsolutions/bootstrap-datepicker . .....
DatePicker

.....
DatePicker

Using a bootstrap datepicker and the getDate method to add a second string with different date formatting. .....
DatePicker

Simple styling of the jQuery UI Datepicker. Image credit to: https://dribbble.com/shots/2135645-Minimalistic-Low-Poly-Style-Summer-Wallpaper .....
DatePicker

.....
DatePicker

This is my Material Design inspired datepicker. I used zebraDatepicker.js and animate.css to create this type of datepicker. .....
DatePicker

Example of jQuery datepicker using jQuery, jQuery UI, and jQuery CSS skin .....
DatePicker

.....
DatePicker

.....
DatePicker

Converting the (Aristo jQuery UI theme) datepicker to Material Design with sass. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

Answer to Stackflow question http://stackoverflow.com/questions/16895056/jquery-ui-datepicker-reset-date .....
DatePicker

.....
DatePicker

Change jquery datepicker look and feel by changing CSS, material design .....
DatePicker

The most beautiful datepicker alive. Quite simple too... .....
DatePicker

By CSSFlow: free UI elements and widgets coded with HTML5, CSS3, and Sass. .....
DatePicker

.....
DatePicker

Easily add dynamic datepicker fields to bootstrap forms. .....
DatePicker

.....
DatePicker

.....
DatePicker

Inspired by: http://dribbble.com/shots/513118-Calendar .....
DatePicker

Using a jQuery plugin for datepicker .....
DatePicker

Inspired by http://codepen.io/havardob/pen/WwWooB. Simple JQuery and CSS practice. .....
DatePicker

.....
DatePicker

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

Shows a simple but effective datepicker working with Boostrap 4 (beta). .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

date picker is working example for https://dribbble.com/shots/1561471-Calendar-Popover .....
DatePicker

Flexible Datepicker/Calendar User Interface build with Responsive Design and Accessibility in mind. .....
DatePicker

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

.....
DatePicker

datepicker with mask input .....
DatePicker

.....
DatePicker

.....
DatePicker

Date and time picker directive .....
DatePicker

Simple ejemplo que muestra cómo configurar el datepicker en MaterializeCSS para que las fechas se muestren en español .....
DatePicker

Starting from X days from today. 'To' date is at least Y day(s) and max Z year(s) from 'From' date. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

Just a Vue datepicker, trying to do something clean & smooth, hope you guys enjoy it .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

Built on top of Andreas Storm date picker: http://codepen.io/andreasstorm/pen/bBFgK .....
DatePicker

.....
DatePicker

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

based on this all-too-real abomination https://twitter.com/darylginn/status/1053646859686809600 .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

Try to tap the box. .....
DatePicker

Pretty datepicker. Uses the scroll. .....
DatePicker

TODO: highlight today's date .....
DatePicker

.....
DatePicker

HTML5 input tag type='date' with built in datepicker Works in Chrome, Opera, Firefox and Edge browsers .....
DatePicker

.....
DatePicker

This shows how to enable materializecss datepicker on Vue.js .....
DatePicker

.....
DatePicker

As shown here: [will add support for year selection soon :) ] .....
DatePicker

.....
DatePicker

.....
DatePicker

Decided to test what I've learned about javascript thus bar by combining Adam Shaw's fullcalendar with Craig Thompson's qTip2 with some customization of my own. .....
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

Generate calendar/datepicker with DateFNS and Vue.js. .....
DatePicker

When you lose a lot of time fighting with Datepicker and also looking for solution in google, you decide to do it yourself. .....
DatePicker

.....
DatePicker

.....
DatePicker

javascript get value from input type="date" .....
DatePicker

.....
DatePicker

.....
DatePicker

Get jquery ui calendar working in handle bars... and looking pretty too. .....
DatePicker

.....
DatePicker

Alternative to the traditional datepicker UI element using a HTML5 range slider, mostly CSS animation and a little JS. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

Simple Field with limitation Autocomplete inline Datepicker .....
DatePicker

.....
DatePicker

Flat Pricing Tables Design .....
DatePicker

.....
DatePicker

.....
DatePicker

Custom bootstrap styling for Eonasdan's DateTimePicker. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

DatePicker to choose date. Works as a type of input element. Written in HTML, CSS, JS. .....
DatePicker

Dynamic form with datepicker, validation and incremental name attributes (possibly for reporting). Powered by jQuery. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

A new UI for JS date pickers. Check it out on Github and fork it! https://github.com/quickenloans/date-picker .....
DatePicker

.....
DatePicker

This is a partial fork from somewhere (don't remember where) containing a jquery powered form selection widget. Sort of simplified long-form date selection. It lacks a final display function and a between-2-days highlight/select .....
DatePicker

.....
DatePicker