Press "Enter" to skip to content

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

jquery-hijri-date is a small jQuery plugin that displays today’s date in the Islamic Hijri calendar.

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

Official Website(MuhammadMabrouk): Click Here

This superior jQuery/javascript plugin is developed by MuhammadMabrouk. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *