廢話少說 直接貼代碼
wxml:
<van-cell is-link>
<view slot="title">{{date ? date : '選擇日期'}}</view>
</van-cell>
<van-calendar id="my-calendar" range="{{true}}" min-date="{{ minDate }}" show="{{ show }}" default-date="{{ defaultDate }}" type="range" bind:close="onClose" bind:confirm="onConfirm" />
js:
Component({
/**
* 組件的初始數(shù)據(jù)
*/
data: {
date: '', //選中日期
defaultDate: [], // 默認(rèn)日期
minDate: new Date(2023, 0, 1).getTime(),
show: false,
},
lifetimes: {
//小程序進(jìn)入頁面執(zhí)行 (Component組件的生命周期)
attached() {
this.setData({
minDate: new Date(2023, 0, 1).getTime(),
defaultDate: [new Date(new Date().getTime() - 6 * 24 * 60 * 60 * 1000).getTime(), new Date().getTime()],
})
},
},
})
總結(jié):?
①: 要有一個(gè)minDate 最小可選日期,要不然無法選擇之前的時(shí)間文章來源：http://www.zghlxwxcb.cn/news/detail-786795.html
②:?defaultDate（數(shù)組）： 綁定為時(shí)間戳,，[ 起始時(shí)間，截止時(shí)間 ] ，轉(zhuǎn)換時(shí)間戳?xí)r要再次getTime（）否則設(shè)定默認(rèn)時(shí)間失敗?。?！重點(diǎn)?。。?/span>文章來源地址http://www.zghlxwxcb.cn/news/detail-786795.html
到了這里，關(guān)于微信小程序使用vant calendar日歷組件 default-date 默認(rèn)選中的日期無效?的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
