Gregorian Jalali Hijri
The date picker supports multiple calendar systems. You can control it with the calendarSystem setting, and it supports the following options:
- Gregorian - it is included by default
- Jalali - it is the default system of the Persian calendar and is included within the Farsi language pack
- Hijri - it is included in the Arabic language pack
Interested in localization? Explore this example →
Demo
Pick a calendar system
$('#picker').mobiscroll().datepicker({
,
}); JSHTML
mobiscroll.setOptions({
theme: ' ',
themeVariant: ' '
});
$(function () {
$('#demo-gregorian')
.mobiscroll()
.datepicker({
controls: ['calendar'],
select: 'range',
display: 'inline',
locale: mobiscroll.locale.en,
});
$('#demo-jalali')
.mobiscroll()
.datepicker({
controls: ['calendar'],
select: 'range',
display: 'inline',
calendarSystem: mobiscroll.jalaliCalendar,
locale: mobiscroll.locale.fa,
});
$('#demo-hijri')
.mobiscroll()
.datepicker({
controls: ['calendar'],
select: 'range',
display: 'inline',
calendarSystem: mobiscroll.hijriCalendar,
locale: mobiscroll.locale.ar,
});
});
<div id="demo-gregorian"></div>
<div id="demo-jalali"></div>
<div id="demo-hijri"></div>