Friday, October 31, 2025
HomejQuerySelect A number of Months With Multi Month Picker jQuery Plugin

Select A number of Months With Multi Month Picker jQuery Plugin


A Multi Month Picker jQuery plugin (jQuery UI widget) that permits deciding on a number of months in a month picker popup. You’ll be able to customise the show format utilizing yr and month tokens like yyyy, yy, mmm, mm, and m. 

Find out how to use it:

1. To get began, ensure you have jQuery and jQuery UI libraries loaded within the doc.


<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/cdn/jquery-ui.min.js"></script>

2. Create an enter subject to just accept the chosen months.


<enter sort="textual content" id="instance">

3. Name the perform on the enter subject and finished.


$(doc).prepared(perform() {
  $('#instance').multiMonthPicker({
    // ...
  });
});

4. Specify the pre-selected months:


$(doc).prepared(perform() {
  $('#instance').multiMonthPicker({
    worth: ['2023-10','2023-11']
  });
});

5. Customise the month format:

  • yy: 23
  • yyyy: 2023
  • m: 4
  • mm: 04
  • mmm: Apr

$('#instance').multiMonthPicker({
  // default: 'yyyy-mm'
  monthFormat: 'yyyy-mmm',
});

This superior jQuery plugin is developed by armashansari. For extra Superior Usages, please verify the demo web page or go to the official web site.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments