vant 日歷 點擊顯示詳情

html

    <p>點擊日期查看詳情</p>
    <van-calendar
            safe-area-inset-bottom
            :poppable="false" :show-confirm="false"
            :title="date" :show-subtitle="false"
            :default-date="null"
            :min-date="minDate" :max-date="maxDate"
            :formatter="formatter"
            :style="{ height: '400px' }"
            @select="goDetails">
    </van-calendar>

data數據
函數

            goDetails(date){//點擊日歷查看詳情
                 var chooseDate = '';
                chooseDate = `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
                window.location.href = 'now.html?date=' + chooseDate;
            },
            formatter(day) {//日期顯示小點
                const date = day.date.getDate();
                if(date===1 || date === 2){
                    day.className = 'point';
                }
                return day;
            },