一、我們微信小程序中應用van-calendar時,如果沒有設置min-data,那么頁面的加載時間會非常長,所以,一定一定要配置min-data;
二、vue中min-data的寫法是:min-data=“new Date(2023, 0, 1)”,而在小程序中的寫法則是min-data=“{{ minData }}”,minData的值為:new Date(2023, 0, 1).getTime()。
注意:
1、minData的值只能在js文件中設置,不能直接寫進頁面里邊,因為頁面中不能識別 new Date(),會報錯;
2、一定要加上.getTime(),不然也無法生效;
錯誤一:
<van-calendarclass="van-calendar"show="{{dataPickVisble}}":min-date="minDate"bind:confirm="confirmDate"bind:close="closeDatePopup"
/>錯誤二:
<van-calendarclass="van-calendar"show="{{dataPickVisble}}":min-date="{{ new Date(2023, 0, 1) }}"bind:confirm="confirmDate"bind:close="closeDatePopup"
/>錯誤三:
<van-calendarclass="van-calendar"show="{{dataPickVisble}}":min-date="{{ minDate }}"bind:confirm="confirmDate"bind:close="closeDatePopup"
/>
data: {minDate: new Date(2023, 0, 1)
}
正確寫法:
<van-calendarclass="van-calendar"show="{{dataPickVisble}}":min-date="{{ minDate }}"bind:confirm="confirmDate"bind:close="closeDatePopup"
/>
data: {minDate: new Date(2023, 0, 1).getTime()
}