Questions tagged [jquery-multidatespicker]

MultiDatesPicker (aka MDP) is a plugin that enables jQuery UI calendar to manage multiple dates

General

MultiDatesPicker (aka MDP) is a plugin that enables jQuery UI calendar to manage multiple dates with the following features:

  • Select date ranges
  • Pick multiple dates not in secuence
  • Define a maximum number of pickable dates
  • Define a range X days from where it is possible to select Y dates
  • Define unavailable dates

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:

$(element_or_selector).multiDatesPicker(options);

MultiDatesPicker specific options

  • addDates

    Adds an array of dates specified in a string, milliseconds or javascript date object format.

  • addDisabledDates

Disables an array of dates specified in a string, milliseconds or javascript date object format.

  • mode

Allows to enable a different MDP modes: 'normal' (default) or 'daysRange'.

  • normal mode options

    1 maxPicks

       Number of dates allowed to be selected (see demo).
    

    2 pickableRange

      Limits the range of dates available for selection to a certain number of days from the first selection.
    

    3 adjustRangeToDisabled

      A boolean that allows to maintain the number of pickable days even in case there are disabled days within the range specified in 'pickableRange'.
    
  • daysRange mode options

    1 autoselectRange

        Array of two integers: the first sets the beginning of the range relative to the date clicked on; the last sets the end of the range. Both numbers may be negative.
    

Info & Docs

Current version: 1.6.6

Official project site

49 questions
4
votes
1 answer

MultiDatespicker : exclude weekends from pickableRange and adjustRangeToDisabled

I am working with jquery multidatespicker where I have to define a range of dates to be allowed after the first date has been picked. I need to exclude the weekends from all the future dates. However, pickableRange doesn't skip the weekends that are…
3
votes
1 answer

datepicker OnSelect is not working, when it has multidatepicker

I made a inline calendar, by using jquery-ui datepicker, I've used multiDatePicker also in it. But on click on some particular button I want all the dates which are assigned into multiDatePicker will be removes and only the clicked date will be show…
3
votes
4 answers

jQuery Multidatepicker Calendar opens and closes between date selection

I am using the Multiple-Dates-Picker-for-jQuery-UI. When multiple dates are selected, the calendar opens and closes between each selection. How can I correct this so that the calendar stays open until all dates are selected and then only closes when…
Mac10
  • 145
  • 4
  • 15
2
votes
1 answer

multiDatesPicker - Only allow one day every 2 weeks from Current Day

I have the mulitdatespicker, and I need to disable ALL dates except those that are every 2 weeks from the "defaultDate". So if the current day is set to thursday 6th May, I need to disable all days before it, then all the days up to Thurs 20th May…
user2115227
  • 147
  • 2
  • 9
  • 24
2
votes
0 answers

How to trigger ng-change event in a angularjs custom directive?

I am using multidatepicker.js for a requirement that allows the user to select multiple dates in a calendar. For any change made by user, I want to trigger a ng-change event. I use a custom directive and implemented for the input field. Because the…
2
votes
0 answers

Bind custom data with date in bootstrap datepicker

I have the count of the total user registered on the particular date. Like the image below. How can I display them with the date? I am using multidatespickr Is there any way to do this? UPDATE : pre-selected…
2
votes
1 answer

I am unable to get the date box to display - multiDatesPicker

I have spent a week trying to get a multiselect date picker to work. Of all the components I have tried multiDatesPicker fits the bill but I cannot get it to work. I even downloaded the same versions of the two included jquery .js files they use in…
2
votes
1 answer

Open multidatespicker on button click

I have the following code working with a simple datepicker; when I click on the button the picker displayed. I need this to be work with a multidatespicker: Simple datepicker JS script.