A Small jQuery Plugin To Display The Hijri Date | hijri.date.js

How to make use of it:

1. Insert the jquery.hijri.date.js script after jQuery.

<script src="/path/to/jquery.slim.min.js"></script>
<script src="/path/to/jquery.hijri.date.js"></script>

2. Create a container to show the Hijri date.

<div class="example"></div>

3. Call the function on the container you created and completed.

$(function(){
  $('.example').hijriDate();
});
// => الثلاثاء 11 رجب 1442 هـ

4. Determine whether or not to show the Gregorian date.

$(function(){
  $('.example').hijriDate({
    showGregDate: true
  });
});
// => الثلاثاء 11 رجب 1442 هـ - 23 فبراير 2021 م

5. Determine whether or not to indicate the day of the week.

$(function(){
  $('.example').hijriDate({
    showWeekDay
  });
});

6. More configurations.

$(function(){
  $('.example').hijriDate({
    // custom separator
    separator: '-',
    // or 'en'
    weekDayLang: 'ar',
    hijriLang: 'ar',
    gregLang: 'ar'
  });
});

Display Today’s Date in Muslim Hijri Calendar, jquery hijri date Plugin/Github

See Demo And Download