ant-design date-picker 可以選擇當天，時間不能選擇過去的小時

西贝小小凤發表於2024-10-11

不得不說moment真厲害啊，是我之前低估他了

我這裡是可以選擇到具體的分鐘的

<a-date-picker
                v-model="chooseDate"
                placeholder="年-月-日"
                :inputReadOnly="true"
                :show-time="showTime"
                format="YYYY-MM-DD HH:mm"
                value-format="YYYYMMDD HH:mm"
                autocomplete="off"
                :disabledDate="disabledDate"
                style="width: 100%"
            />


import moment from "moment"; //引入一下moment
//在資料裡面定義一下
data() {
return {
moment,
chooseDate:'',// 日期
lastDate:'2030-12-12',// 截至日期 （沒有截止日期可以不要哈）
showTime: {
format: "HH:mm",
defaultValue: moment(moment().add(1, 'hour').format('HH'), "HH:mm"),//預設時間往後加一個小時
},
};
},
在methods裡面新增disabledDate 方法， // 不可選日期 不過不加30s的話，可能當天選不了，因為時間截止到分鐘，影響不大太
disabledDate(current) {
return current && current.isBefore(moment().subtract(30, 'second')) || current > moment(this.lastDate).endOf("day");
},

相關文章