MultiDatesPicker for jQuery UI

MDP is a little plugin that enables jQuery UI calendar to manage multiple dates with the following features:

Install

Use bower, npm, yarn or download the zip. Refer to the README for the installation details.

Bugs or features request?

Please use the issue tracker on GitHub Issues

How to use it

Being an extension to jQuery UI DatePicker you need to include both jQuery and jQuery UI (with datepicker module included!) javascript files to your HTML page, and right after that, include MultiDatesPicker.

To apply it to an element, do it the same way as you would do with jQuery UI datepicker, but write multiDatesPicker instead of datepicker:
$(selector).multiDatesPicker(options_for_datepicker_and_mdp);

MultiDatesPicker specific options

Available methods:

Use cases

You can find MDP implemented in the following sites:

If you're using MDP in your site and would like to share it, simply contact me. You'd get free ad from here and we get more examples of implementation from you :)

Demos

Here are some demos for you to understand how it works and what you can obtain with it.
To see how it is implemented simply check the source code of this page: I've tried to keep the code simple and clear :)

Tips

MDP comes with a small CSS file that applies the following styles:

To even further customize the way the calendar looks, just modify the jQuery UI's theme you're using.
Multiple Dates Picker is about adding functionality not style :)

Things pending

Apart from some features and bug fixes, there is need for a better documentation and a unit-test to guarantee that any improvements won't break the existent functionalities.

I'll try to maintain this project in my spare time (it is not my primary business), and I welcome anyone who wants to help (just contact me :)

Contact me

You're welcome to get in touch with me to collaborate to this project: