Press "Enter" to skip to content

Advanced Nepali Multiple Date Picker For jQuery

Multiple Nepali date picker is a simple but powerful date picker based on the Nepali calendar. Supports both single date selection and multiple date selection. It can be used with form input. Multiple dates can be selected by pressing the Shift or Control / Command key.

JQuery date picker easily advanced for Nepali supports both single date and date range (multi-date) selection.

jquery datepicker, jquery datepicker date range example, jquery date range picker, bootstrap datepicker

How to make use of it:

1. Load the wanted stylesheet nepali-date-picker.css within the doc.

<link rel="stylesheet" href="nepali-date-picker.css" />

2. Create a standard text input on the web page.

<input type="text" class="date-picker" placeholder="Select Date(s)">

3. Load the jQuery library and the JavaScript nepali-date-picker.js on the bottom of the web page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/nepali-date-picker.js"></script>

4. Attach the Nepali Date Picker to the input field.

$(function(){
  $('.date-picker').nepaliDatePicker();
});

5. To create a single date picker, simply add the data-single="true" attribute to the input field.

<input type="text" class="date-picker" data-single="true" placeholder="Select Date(s)">

6. You can also outline the initial date or date range within the value attribute as follows:

<input type="text" class="date-picker" value="2075-5-12" name="date1" />
<input type="text" class="date-picker" value="2076-12-11,2076-12-12,2076-12-13" name="date2" />

7. Show all chosen dates as an alternative of ‘x dates chosen’ utilizing the data-show_all_dates attribute.

<input type="text" class="date-picker" value="2076-12-11,2076-12-12,2076-12-13" name="date2" data-show_all_dates="true" />

8. Config the start/end dates.

var start_year = 2000;
var end_year = 2098;

Advanced Nepali Date Picker, Nepali Multi Date Picker Plugin/Github, nepali date picker jquery, nepali date picker flutter, nepali date picker npm, advanced datepicker jquery


See Demo And Download

Official Website(sonill): Click Here

This superior jQuery/javascript plugin is developed by sonill. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.