4 Best JavaScript and jQuery DatePicker Plugins

Adding calendar or a date field will become easier with these libraries.

PickMeUp

The plugin is a simple, powerful, customizable and lightweight standalone datepicker. There is no dependencies. It supports single/range/multiple selections, and ability to put custom content into dates.

pickmeup('.datepicker', {
	format	: 'm/d/Y'
});

jQuery datepicker

This is a simple date picker plugin.

<input class="datepicker">
$('.datepicker').datepicker(date: new Date(2020, 11, 18), startDate: '0d');

Pikaday

Pikaday is a lightweight date picker with less than 5kb minified and gzipped. It doesn’t depend on other scripts but still works well with Moment.js.

var picker = new Pikaday({
        field: document.getElementById('datepicker'),
        format: 'D MMM YYYY',
        onSelect: function() {
            
        }
    });

Air datepicker

Air datepicker lightweight cross-browser jQuery plugin.

The plugin will automatically initialize on elements with class.datepicker, options may be sent via data attributes.

// Initialization
$('#my-element').datepicker([options])
// Access instance of plugin
$('#my-element').data('datepicker')

Leave a Comment

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close