kamaDatepicker is a jQuery-based data picker for Jalali (Shamsi) calendar plugin for jQuery which makes it easy to select Persian (Jalali) dates with lots of useful options.
persian date picker javascript, persian datepicker, datepicker persian example, persian range datepicker, persian date picker android github
Persian Datepicker Component for Angular 8+ | NgPersianDatepicker
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 });
تنظیمات
توضیحات | مقدار پیشفرض | مقادیر قابل قبول | نام |
---|---|---|---|
– | “” | string | placeholder |
در صورتی که true باشد اعداد یک رقمی مثل هشت با یک صفر اضافه (08) نمایش داده می شوند. | true | true, false | twodigit |
در صورتی که true باشد تقویم بعد از انتخاب یک روز بسته می شود. | true | true, false | closeAfterSelect |
می توانید آدرس یک عکس یا یک class از font awesome یا glyphy icons را به صورت string پاس دهید تا به جای عبارت “بعدی” در تقویم نمایش داده شود. | بعدی | string | nextButtonIcon |
می توانید آدرس یک عکس یا یک class از font awesome یا glyphy icons را به صورت string پاس دهید تا به جای عبارت “قبلی” در تقویم نمایش داده شود. | قبلی | string | previousButtonIcon |
می توانید یکی از اسامی استاندارد رنگ ها مانند “red” یا به صورت “#FF0000” را پاس دهید. | پیشفرض | string | buttonsColor |
در صورتی که true باشد بدون توجه به اینکه اعداد فارسی در فونت استفاده شده پشتیبانی می شوند یا نه، تقویم از اعداد فارسی برای نمایش اعداد استفاده می کند. | false | true, false | forceFarsiDigits |
در صورتی که true باشد تاریخ امروز را متامیز از بقیه روزها نشان می دهد. | false | true, false | markToday |
در صورتی که true باشد روزهای تعطیل (فعلا فقط جمعه ها) را متمایز از بقیه روزها نشان می دهد. | false | true, false | markHolidays |
در صورتی که true باشد تاریخ انتخاب شده را متمایز از بقیه روزها نشان می دهد. | false | true, false | highlightSelectedDay |
در صورتی که true باشد تقویم بعد از باز شدن سال و ماه متناسب با مقدار ورودی را نشان می دهد، در غیر اینصورت همیشه تاریخ امروز نمایش داده خواهد شد. | false | true, false | sync |
در صورتی که true باشد دکمه “برو به امروز” در پایین تقویم نمایش داده می شود. | false | true, false | gotoToday |
Persian (Jalali) Calendar & Data Picker Plugin, kamaDatepicker Github
See Demo And Download
Official Website(pheroMona13): Click Here
This superior jQuery/javascript plugin is developed by pheroMona13. For extra advanced usage, please go to the official website.