search

balbarak / bootstrap-hijri-datepicker

Bootstrap Hijri Date picker
MIT License
56 stars 53 forks source link

Date Range #14

Open mohamedKamalEG opened 4 years ago

mohamedKamalEG commented 4 years ago

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 commented 4 years ago

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 commented 2 years ago

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