edit

Example¶

normal example¶

$('.normal-example').persianDatepicker();

<input class="normal-example" />

Datepicker

inline example¶

$('.inline-example').persianDatepicker({
    inline: true,
    altField: '#inlineExampleAlt',
    altFormat: 'LLLL',
    maxDate: new persianDate().add('month', 3).valueOf(),
    minDate: new persianDate().subtract('month', 3).valueOf(),
    timePicker: {
        enabled: true,
        meridiem: {
            enabled: true
        }
    }
});

<input id="inlineExampleAlt" class="datepicker-demo" />
<div class="inline-example" ></div>

Datepicker

Observer¶

true, make user able to edit date by keyboard

$('.observer-example').persianDatepicker({
    observer: true,
    format: 'YYYY/MM/DD',
    altField: '.observer-example-alt'
});

<input class="observer-example" />

Alt field Datepicker

format¶

formatter¶

$('.formatter-example').persianDatepicker({
    formatter: function(unix){
        return 'selected unix: ' + unix; 
    } 
});

<input class="formatter-example" />

Datepicker

altField¶

$('.alt-field-example').persianDatepicker({
    altField: '.alt-field-example-alt-field'
});

<input class="alt-field-example" />

Alt field

Datepicker

persianDigit¶

$('.persian-digit-example').persianDatepicker({
    persianDigit: false
});

<input class="persian-digit-example" />

Datepicker

viewMode¶

$('.view-mode-example').persianDatepicker({
    viewMode: 'year'
});

<input class="view-mode-example" />

Datepicker

minDate¶

$('.min-date-example').persianDatepicker({
    minDate: new persianDate().unix()
});

<input class="min-date-example" />

Datepicker

maxDate¶

$('.max-date-example').persianDatepicker({
    maxDate: new persianDate().unix()
});

<input class="max-date-example" />

Datepicker

checkDate¶

$('.check-date-example').persianDatepicker({
    checkDate: function(unix){
        return new persianDate(unix).day() != 4;
    }
});

<input class="check-date-example" />

Datepicker

checkMonth¶

$('.check-month-example').persianDatepicker({
    checkMonth: function(month){
        return month < 6;
    }
});

<input class="check-month-example" />

Datepicker

checkYear¶

$('.check-year-example').persianDatepicker({
    checkYear: function(year){
        return year >= 1391;
    }
});

<input class="check-year-example" />

Datepicker

onlyTimePicker¶

$('.only-timepicker-example').persianDatepicker({
    onlyTimePicker: true
});

<input class="only-timepicker-example" />

Datepicker

autoClose¶

$('.auto-close-example').persianDatepicker({
    autoClose: true
});

<input class="auto-close-example" />

Datepicker

onSelect¶

$('.on-select-example').persianDatepicker({
    onSelect: function(unix){
        console.log('datepicker select : ' + unix);
    }
});

<input class="on-select-example" />

Datepicker