How to make use of it:

1. Install & Download with NPM.

# NPM
$ npm i nepali-date-picker --save

2. Insert the Nepali Date Picker’s JavaScript and CSS information into the HTML web page.

<!-- Required -->
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<!-- From Local -->
<link rel="stylesheet" href="./dist/nepaliDatePicker.min.css" />
<script src="./dist/jquery.nepaliDatePicker.min.js"></script>
<!-- Or From A CDN -->
<link rel="stylesheet" href="/dist/nepaliDatePicker.min.css" />
<script src="/dist/jquery.nepaliDatePicker.min.js"></script>

3. Create an input for the Nepali Date Picker.

<input type="text" worth="" name="date" class="example" />

4. Attach the Nepali Date Picker.

$(".example").nepaliDatePicker();

5. Customize the date format.

• %d: Date, १, १२, …
• %D: Names of the times of the week, आईत, सोम, …
• %m: Nepali month, १, ५, …
• %M: Month title, बैशाख, जेठ, असार, …
• %y: Year, २०७४, …

$(".example").nepaliDatePicker({
  dateFormat: "%D, %M %d, %y"
});

6. Determine to auto-dismiss the Nepali calendar after a date is chosen.

$(".example").nepaliDatePicker();

7. Set the min/max dates.

$(".example").nepaliDatePicker({
  minDate: 'सोम, जेठ १०, २०७३',
  maxDate: 'मंगल, जेठ ३२, २०७३'
});

8. Set the start/end years.

$(".example").nepaliDatePicker({
  yearStart: 1970,
  yearEnd: 2100
});

9. API strategies.

$(".example").nepaliDatePicker({
  yearStart: 1970,
  yearEnd: 2100
});

10. Event handlers.

$("#example").on("show", function (event) 
  // do something
);

$("#example").on("yearChange", function (event) 
  // do something
);

$("#example").on("monthChange", function (event) 
  // do something
);

$("#example").on("dateChange", function (event) 
  // do something
);

$("#example").on("dateSelect", function (event) 
  // do something
);