200 JQuery Date 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

jQuery Time Slider is a extension to jquery-base-slider with selection of time and date .....
Plugins Slider

strftime is a JavaScript port of strftime(), a function to format the date and time. .....
Core Java Script

A jQuery plugin, that provides a more friendly way of displaying time updates to users!tidyTime.js takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarte.....
Plugins

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

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

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

A lightweight jQuery plugin for basic form validation using HTML5 form attributes. Recommended as a polyfill for older browsers which do not provide built-in validation. .....
Forms Plugins

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

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

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

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

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

A jQuery plugin which takes Twitter Bootstrap’s already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your a.....
Bootstrap 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

Validetta is a tiny jQuery plugin which you can do client-side validation of your forms. It aims to decrease your burden with easy usage and flexible structure. .....
Forms Plugins

Filthypillow is a fancy and small calendar and date-time picker. .....
Calendar 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 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

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields. .....
Calendar Plugins

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

Extract images, text from any link like facebook does when you put any url in status update box, This script does the same thing, It extracts contents like image and text from website. .....
PHP Web XML

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

Twitter is the most powerful platform that you can express your thoughts with your followers. Few months back Twitter has been updated there OAuth APIs, this tutorial will explain three import systems like, login with Twitter, sto.....
Other API PHP

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

Pretty Date is a jQuery date prettify plugin. .....
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

A jQuery plugin for building bank account forms, formatting and validating inputs.Validates a given number as a bank account field field in country countryCode. It returns if it is valid and false if it is invalid.Note that valida.....
Forms Plugins

jQuery plugin that lets you show the latest updates from your facebook profile og page. .....
Other API Plugins

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

Show error message via bootstrap popover for jquery validate.Supported options are:popoverPosition Supported values: ‘right’, ‘top’; default to ‘right’popoverContainer The container popover mess.....
Bootstrap Forms

A jQuery plugin to validate form fields. Use with Bootstrap 3. .....
Bootstrap Forms

A jQuery plugin that gives users real time hints & progress updates as they complete forms.You must give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step .....
Forms Plugins

Age is a jQuery plugin that formats and tracks dates and times as human readable text. .....
Plugins

A jQuery plugin that dynamically updates textarea’s height to fit the content.This plugin works for textareas with fixed width as well as for textareas with fluid width. The CSS resize property is set to “none” b.....
Forms 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

Moment.js is a lightweight javascript date library for parsing, manipulating, and formatting dates.Moment was designed to work both in the browser and in Node.JS. .....
Core Java Script

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

In this tutorial I want to explain how we can build a simple portfolio update panel using jQuery.You will notice the webpage itself is very bare aside from the effect. This will make it easier to embed a similar page widget into a.....
Ajax Web

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

Countdown.js emphasizes producing intuitively correct description of timespans which are consistent as time goes on. To do this, Countdown.js uses the concept of “today’s date next month” to mean “a month from now”. As t.....
Core Java Script

If you have ever dreamt of showing real time data on your website then this tutorial is for you. In this tutorial I will show you how to show real time updates and data on you web pages. Here I will use Pusher API to create a two .....
Ajax Other API Web

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

Smart Time Ago is a little jQuery library to update the relative timestamps in your document intelligently. (e.g “3 hours ago”).Smart Time Ago will check and update the relative time every 60000 millisecond (60 seconds.....
Plugins

DateBox is a jQuery-mobile based date and time picker.Four display mode Standard, click-outside-to-close popup mode, Forced input modal popup mode, Unique page dialog mode,  Inline mode.Features:Android style date pickerCalendar .....
Calendar jQuery Mobile

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

jToday is a jQuery plugin that displays a today calendar showing today’s date or any date you specify. jToday is written in JavaScript. jToday also supports a year value, although I’ve hidden it in my examples. You can.....
Calendar Plugins

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

User input is everywhere, from contact forms to sign-up formsand from surveys to complex user interfaces. Forms come in many shapes and sizes, colors and styles, but they all have something in common; validation.We’re going .....
Forms 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

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

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

jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.Insert, update and delete rows in HTML tableASP.NET server side + AJAXPaginationSort.....
Ajax Forms Plugins Tables

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

Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate .....
Forms Plugins

The realtime updates in twitter saying “1 new Tweet” is a very catchy feature. So I am going to give a tutorial explaining “How to implement a realtime updates like Twitter using PHP/MySQL/Jquery”. .....
Ajax PHP Web

.....
MultiSelect

Simple Google reCAPTCHA Validation using reCAPTCHA API .....
Captcha

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

.....
DatePicker

.....
DatePicker

.....
DatePicker

The Angular Material is an implementation of Material Design in Angular.js. This demo represents UI DatePicker componentbased on the Material Design system. .....
DatePicker

.....
DatePicker

https://github.com/dbushell/Pikaday .....
DatePicker

.....
DatePicker

http://www.reddit.com/r/thebutton/comments/318q81/i_could_not_contain_myself_so_i_made_some_bubble/ .....
DatePicker

.....
DatePicker

Note: This is not a datepicker. Just a simple calendar that renders month, days, year. It's made entirely with vanilla JavaScript. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

To have a JQUERY UI look for materializecss datepicker .....
DatePicker

An angular implementation of this awesome pen: http://codepen.io/JonasB/pen/VjVwWE .....
DatePicker

Datepicker - Pick month, day & hour using a scoller. Work in progress .....
DatePicker

Markup uses HTML5 <time> element. CSS makes the date look like a calendar page. The position: absolute implementation works on all browsers. .....
Calendar

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

This Pen is a simple CSS3 Calendar Icon with a Dynamic Date. Inspiration: http://dribbble.com/shots/1029199-Flat-icons-PSD-3-Dribbble-invites?list=users .....
Calendar

It's an Angular calendar date picker directive. Touch friendly. HTML, CSS, AngularJS (and underscore.js and moment.js, and hammer.js) having a playdate. Inspired by http://codepen.io/ed_conolly/pen/ecDnq .....
Calendar

A client-side validation plugin for Twitter Bootstrap 2.3.1 .....
Validation

.....
Validation

.....
Validation

Working on a little login screen using jQuery validate, Bootstrap, and adding accessibility functionality. .....
Validation

Combine differently named checkboxes into one group for validation and error reporting .....
Validation

.....
Validation

Still a work in progress, I still want to validate the input and also store the image urls in localstorage. .....
Validation