خطا در استفاده به صورت inline داخل bootstrap modal dialog #334
Description
سلام
تشکر از پلاگین خوبی که تهیه کردین.
کاری که انجام دادم این هست که یک تگ div داخل modal dialog تعریف کردم، زمانی که یوزر روی تکست باکس کلیک میکنه، دیالوگ باز میشه، تاریخ رو انتخاب میکنه، تاریخ روی تکست باکس ست میشه، و دیالوگ بسته میشه.
در رویداد بسته شدن دیالوگ، date picker رو dispose میکنم (تابع destroy نداره) و حتی محتوای تگ container داخل دیالوگ که برای نمایش inline تقویم هست رو هم خالی میکنم، حتی attribute به نام data-mds-dtp-guid رو هم از این تگ حذف میکنم.
ولی وقتی تکست باکس دوم رو کلیک میکنم که براش تقویم داخل دیالوگ باز بشه و تاریخ انتخاب کنه، روی هر روزی از تقویم که کلیک میکنه این خطا رو میده، هرچند که عملکرد با مشکل روبرو نمیشه، و خب تاریخ انتخاب شده به درستی در تکست باکس دوم هم ست میشه.
mds.bs.datetimepicker.ts:1921 Uncaught TypeError: Cannot read properties of null (reading 'querySelectorAll') at r.selectDay (mds.bs.datetimepicker.ts:1921:12) at HTMLDivElement.selectCorrectClickEvent (mds.bs.datetimepicker.ts:2081:12) selectDay @ mds.bs.datetimepicker.ts:1921 selectCorrectClickEvent @ mds.bs.datetimepicker.ts:2081
البته این رو بگم که من تاریخ رو به این روش از آبجکت تقویم میخونم، و تنظیماتش رو استفاده نمی کنم:
inlinePicker.getSelectedDate();
تعریف اولیه:
inlinePicker = new mds.MdsPersianDateTimePicker(document.getElementById('inlineDatePicker'), { enableTimePicker: true, modalMode: false, inLine: true, format: "yyyy/MM/dd HH:mm", isGregorian: false, englishNumber: false, selectedDateToShow: initialDate, selectedDate: initialDate, disableBeforeDate: customMinDate, disableAfterDate: maxDate, disabledDates: [] });