leapfrogtechnology / nepali-date-picker

Nepali Date Picker jQuery Plugin 🇳🇵

Nepali Date Picker

Nepali Date Picker jQuery Plugin for everyone. 🇳🇵

Installation

npm install nepali-date-picker

Demo and Documentation

https://leapfrogtechnology.github.io/nepali-date-picker/demo/

Usage

Include jQuery, nepaliDatePicker.min.js and nepaliDatePicker.min.css in your HTML.

<!-- this should go after your </body> -->
<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/nepali-date-picker@2.0.2/dist/nepaliDatePicker.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://unpkg.com/nepali-date-picker@2.0.2/dist/nepaliDatePicker.min.css
crossorigin="anonymous" />

Add Input Element

<input type="text" value="" name="date" class="date-picker" />

Initialize Date Picker

$('.date-picker').nepaliDatePicker({
  dateFormat: '%D, %M %d, %y',
  closeOnDateSelect: true,
  minDate: 'सोम, जेठ १०, २०७३',
  maxDate: 'मंगल, जेठ ३२, २०७३'
});

Contributing

Install

npm install
npm run update

Build

npm run build

Test

npm test