Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/muhammadmabrouk/jquery-hijri-date

A small jQuery plugin to display Hijri date
https://github.com/muhammadmabrouk/jquery-hijri-date

Last synced: about 2 months ago
JSON representation

A small jQuery plugin to display Hijri date

Awesome Lists containing this project

README

        

# jquery-hijri-date

A small jQuery plugin to display Hijri date.

### Install

```sh
$ npm install jquery-hijri-date --save
```

or

```html

```

### Examples:

```html


```


**1- Default:**
```javascript
$('.my-date').hijriDate();
```

![alt text](https://drive.google.com/uc?export=view&id=1ZrjM9_FlGJeP2mUpKjm0-cr64JNsKC0a "Hijri Date Default")

### 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:**
```javascript
$('.my-date').hijriDate({
showWeekDay: true,
showGregDate: true,
separator: ' | ',
weekDayLang: 'en',
hijriLang: 'en',
gregLang: 'en',
correction: +1
});
```


![alt text](https://drive.google.com/uc?export=view&id=1dcGBZ3ku06dugh0Qj4RkBaaIBpAdlHG_ "Customized")



### License

ISC