VueJS управления datepicker: данных динамически меняться в зависимости от месяца
Я новичок в VueJS, и я включаю vue-hotel-datepicker
в свой проект.
Цель: изменить свойство minNights
data в зависимости от месяца. Я смог просто переопределить это значение, как описано в документации .
Проблема: minNights
ночи должны быть 8 в августе и июле. Когда я использую инспектор Vue, я вижу, что HotelDatePicker
свойство minNights на основе месяца?
Мой шаблон:
minNights
Я сделал <datepicker
:startDate="startDate"
@check-in-changed="setCheckInDate"
@check-out-changed="setCheckOutDate"
:maxNights="21"
:minNights="minNights" //dynamic based on month
:checkIn="checkIn"
:checkOut="checkOut"
:disabledDates="bookedDates"
:firstDayOfWeek="1"
:i18n="lang"
:showYear="true"
>
для тех, кто хочет увидеть мой код.
Любое руководство очень ценится.


Ответы - VueJS управления datepicker: данных динамически меняться в зависимости от месяца / VueJS Datepicker: dynamically change data based on month

02.01.2019 11:05:55
Ваш minNights
prop должен быть привязан к computed
свойству, например :
<datepicker
:startDate="startDate"
@check-in-changed="setCheckInDate"
@check-out-changed="setCheckOutDate"
:maxNights="21"
:minNights="minNights" //dynamic based on month
:checkIn="checkIn"
:checkOut="checkOut"
:disabledDates="bookedDates"
:firstDayOfWeek="1"
:i18n="lang"
:showYear="true"
>
скрипт :
computed:{
minNights(){
let currentMonth=this.$children[0]._data.activeMonthIndex;
if(currentMonth==6 || currentMonth==7){
return currentMonth;
}
}
}



newCheckIn
?

minNights
и нужен доступ к месяцу, прежде чем newCheckin
инициализируется...

minNights
до newCheckin
будет инициализирован... Поэтому мне нужно установить это
свойство minNights, прежде чем пользователь начнет взаимодействовать с моим датапикером. Спасибо за вашу помощь, я надеюсь, что мы найдем решение.

activeMonthIndex
может быть, я предлагаю вам альтернативное решение

activeMonthIndex дает мне 0, когда datepicker показывает представление января. Это дает мне 1, когда февраль появляется в поле зрения и т. д. Вы можете посмотреть, как он установлен в библиотеке github.com/krystalcampioni/vue-hotel-datepicker/blob/master/src/…
