كلندر هجري/ميلادي - Calendar Web

يمكنك استخدام jQuery plugin التالية :
jQuery Calender Plugin

طريقة استخدام ال jQuery Plugin السابق:
1- قم بتضمين مكتبة ال jQuery في قسم ال head من صفحة الويب خاصتك على الشكل التالي

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

2- قم بتحميل وتضمين مكتبة الجافاسكريبت الخاصة بال Calenders في قسم ال head من صفحتك

<script type="text/javascript" src="js/jquery.calendars.js"></script> 
<script type="text/javascript" src="js/jquery.calendars.plus.js"></script>

3- قم بتحميل وتضمين  jQuery Calendars Datepicker الخاصة بال CSS و ال JS في قسم ال head من صفحتك

<link rel="stylesheet" type="text/css" href="css/jquery.calendars.picker.css"> 
<script type="text/javascript" src="js/jquery.plugin.js"></script> 
<script type="text/javascript" src="js/jquery.calendars.picker.js"></script>

4- قم بربط وظيفة التقويم (calender) بحقل إدخال أو div أو span

$(selector).calendarsPicker();

- كما يمكنك إضافة إعدادت مخصصة كجزء من العملية على الشكل التالي

$(selector).calendarsPicker({calendar: $.calendars.instance('persian')});

- لمزيد من التفاصيل ، قم بزيارة الصفحة documentation reference