Date Range

[mohamedKamalEG]

when I set a date to input "fromDate". how to set "minDate" to input "toDate". I tried but "minDate" not applied!
$("#fromDate").on('dp.change', function (data) {
let date = data.date;
$('#toDate').hijriDatePicker({ minDate: date.format("YYYY/M/D") });
});

[balbarak]

You have to destroy the picker first. I think we should fix destroy method in next release

for workaround try this

$("#toDate").data().HijriDatePicker.destroy();
$('#toDate').removeData('HijriDatePicker');

// then reinitialize date picker
$('#toDate').hijriDatePicker({ minDate: date.format("YYYY/M/D") });

[diva-smriti]

it is working just for once , from the next click getting this issue
Cannot read property 'destroy' of undefined

Here is the code

.

$("#DateFrom").on('dp.change', function (event) {
$("#DateTo").data().HijriDatePicker.destroy();
// $('#DateTo').removeData('HijriDatePicker');
$("#DateTo").hijriDatePicker({
locale: "ar-sa",
hijri: true,
format: "dd-mm-yyyy",
hijriFormat: "iDD-iMM-iYYYY",
showSwitcher: false,
maxDate: todayDate,
minDate: event.date.format("YYYY/MM/DD")
});

    });

   
   
    $("#DateTo").on('dp.change', function (event1) {
        $("#DateFrom").data().HijriDatePicker.destroy();
     //   $('#DateFrom').removeData('HijriDatePicker');
        $("#DateFrom").hijriDatePicker({

            locale: "ar-sa",
            hijri: true,
            format: "dd-mm-yyyy",
            hijriFormat: "iDD-iMM-iYYYY",
            showSwitcher: false,
            maxDate: event1.date.format("YYYY/MM/DD")
        });
    });