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.

hijri calendar html code, hijri calendar javascript, convert hijri date to gregorian date javascript, hijri datepicker jquery, moment hijri, bs datepicker arabic language

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, moment hijri not working, hijrigregorian datepicker


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 *