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")
        });
    });