avue 时间选择器限制时间范围(当天以后的时间、当前月、当前月剩余时间)
时间选择器做项目时必不可少的组件, 今天就简单举几个常用的例子供参考。
export default {
data() {
return {
form:{},
option:{
column: [{
label: "禁止日期(只能今天以后的日期)",
prop: "date",
type: "date",
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
disabledDate(time) {
return time.getTime() < Date.now();
},
},{
label: "禁止日期(只能选择当前月)",
prop: "date",
type: "date",
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
disabledDate(time) {
const today = new Date();
const lastDay = new Date(today.getFullYear(), today.getMonth() + 1, 0);
return time.getTime() < Date.now() || time.getTime() > lastDay.getTime();
},
}]
},
};
}
}
效果图: