Skip to content

leapfrogtechnology/nepali-date-picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nepali Date Picker

NPM Version Download Count

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