Easy Jalali Date Picker In JavaScript – jdatepicker.js

An easy-to-use solar (Jalali) calendar popup for picking dates.

How to use it:

1. Import the jdatepicker.js into the document.

<script src="src/jdatepicker.js"></script>

2. Attach the Jalali Date Picker to an input field and done.

<input id="datePicker" />

jDatePicker('datePicker');

3. Customize the appearance of the Jalali calendar popup.

jDatePicker('datePicker',{
  headerColor: '#222',
  bodyColor: '#fff',
});

4. Determine whether to show Iranian month names.

jDatePicker('datePicker',{
  headerColor: '#222',
  bodyColor: '#fff',
  dariMonth: false,
});