A jQuery Based DatePicker for Jalali (shamsi) Calendar | kamaDatepicker

How to make use of it:

1. Add references to the jQuery library and the jQuery kamaDatepicker plugin’s information into the webpage.

<link rel="stylesheet" href="kamadatepicker.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="kamadatepicker.js"></script>

2. Call the function on the goal date input to generate a default Jalali calendar.

kamaDatepicker('data-input');

3. To config the Jalali calendar plugin, simply go to a possible object because of the second parameter to the kamaDatepicker function.

kamaDatepicker('data-input', {

  // placeholder text
  placeholder: "",

  // enable 2 digits
  twodigit: true,

  // close calendar after select
  closeAfterSelect: true,

  // nexy / prev buttons
  nextButtonIcon: "بعدی",
  previousButtonIcon: "قبلی ",

  // color of buttons
  buttonsColor: "پیشفرض ",

  // force Farsi digits
  forceFarsiDigits: false,

  // highlight today
  markToday: false,

  // highlight holidays
  markHolidays: false,

  // highlight user selected day
  highlightSelectedDay: false,

  // true or false
  sync: false,

  // display goto today button
  gotoToday: false,

  // the number of years to be selected before this year
  pastYearsCount: 95,

  // the number of years to be selected after this year
  futureYearsCount: 6,

  // auto swaps next/prev buttons
  swapNextPrev: false,

  // define custom holidays here
  holidays: [
    { month: 1, day: 1 },
    { month: 1, day: 2 },
    { month: 1, day: 3 },
    { month: 1, day: 4 },
    { month: 1, day: 12 },
    { month: 1, day: 13 },
    { month: 3, day: 14 },
    { month: 3, day: 15 },
    { month: 11, day: 22 },
    { month: 12, day: 29 }
  ];

  // set disabled holidays
  disableHolidays: false
  
});

Persian (Jalali) Calendar & Data Picker Plugin, kamaDatepicker Github

See Demo And Download