A simple yet powerful date picker based in Nepali calendar. Supports both single date selections and multiple date selection. Can be used inline with form input. Multiple date selection can be done by pressing Shift or Control / Command key.
Check working demo here
Include these files
<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link href="/path/to/nepali-date-picker.css" rel="stylesheet">
<script src="/path/to/nepali-date-picker.js"></script>
Initialize with $.fn.nepaliDatePicker method.
<input class="datepicker">
$('.datepicker').nepaliDatePicker();
By default it is in multiple date selection mode. If you want to use single date selection mode then just add data-single="true" in your markup.
<input class="datepicker" data-single="true">
By default this calendar will show the dates in Nepali language. To switch to english language use data-locale="en" in your markup.
<input class="datepicker" data-single="true" data-locale="np">
In multiple date selection mode, selected date can be displayed in 3 different ways.
- If only 1 date is selected, then it will show selected date as value in input field.
- If more than 1 date is selected, then following message will be shown in input field:
* dates selected - To show multiple dates as value, use
data-show_all_dates="true"in input field.
- Sanil Shakya - (https://www.sanil.com.np)
See the License file for details