jquery-hijri-date

A small jQuery plugin to display Hijri date.

Install

$ npm install jquery-hijri-date --save

or

<!-- jquery file -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- jquery-hijri-date file -->
<script src="jquery.hijri.date.min.js"></script>

Examples:

<!-- date will be displayed here -->
<div class="my-date"></div>

1- Default:

$('.my-date').hijriDate();

Options:

| Prop | Type | Description | Default | | ----------- | :----: | ----------- | :----: | | showWeekDay | boolean | Set to true or false to show or hide the day of the week. | true | | showGregDate | boolean | Set to true or false to show or hide the Gregorian date. | false | | separator | string | The separator symbol that appears between the Hijri and Gregorian dates. | '-' | | weekDayLang | 'ar' | 'en' | Determine the language for printing the day of the week. | 'ar' | | hijriLang | 'ar' | 'en' | Determine the language for printing the Hijri date. | 'ar' | | gregLang | 'ar' | 'en' | Determine the language for printing the Gregorian date. | 'ar' | | correction | number | Add or subtract one or more days until you get the correct date. | 0 |

2- Customized:

$('.my-date').hijriDate({
  showWeekDay: true,
  showGregDate: true,
  separator: ' | ',
  weekDayLang: 'en',
  hijriLang: 'en',
  gregLang: 'en',
  correction: +1
});

License

ISC