Nepali Multi Select Date Picker

Examples

---

Single Date Selection

Example 1

Example 2

Multiple Locale

Example 1.1

Example 2.1

Multiple Date Selection

Example 3

Example 4

Example 5

Example 6

Getting Started

---

Installing

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>

Usage

Initialize with $.fn.nepaliDatePicker method.

<input class="datepicker">
$('.datepicker').nepaliDatePicker();

Single or Multiple Selection Mode

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">

Nepali or English Language

By default calendar will show in Nepali lanauge. To show in English lanuage jsut add data-locale="en" into your markup .

<input class="datepicker" data-locale="np">

Options

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. [Example 3 and 4]
• If more than 1 date is selected, then following message will be shown in input field: [Example 3 and 4]
  * dates selected
• To show all dates as input value, use data-show_all_dates="true" in input field. [Example 5]
  

<input class="datepicker" data-show_all_dates="true">

Download

Download this plugin from GitHub.com

Plugin Authors

Sanil Shakya - (https://www.sanil.com.np)

License

This plugin is free to use in any commercial or personal project. Check license here : LICENSE.md