01. 日期选择
export default {data() {return {dayDate: "",setDisabled: {// 返回禁用时间disabledDate(time) {return time.getTime() > Date.now();// 可选历史天、可选当前天、不可选未来天// return time.getTime() > Date.now() - 8.64e7;// 可选历史天、不可选当前天、不可选未来天// return time.getTime() < Date.now() - 8.64e7;// 不可选历史天、可选当前天、可选未来天// return time.getTime() < Date.now(); // 不可选历史天、不可选当前天、可选未来天},},};},/*8.64e7 是科学计数法 8.64乘以10的7次方,即为86400000也就是 1000*60*60*24 也就是一天的毫秒数。因为Date.now()方法能够返回得到自1970年1月1日00:00:00(UTC)到当前时间的毫秒数。咱们是北京时间的时区,也就是为东8区,起点时间对应就是:"1970/01/01 08:00:00"picker-options需要一个最终的布尔值,所以是否减去8.64e7也就是是否往前推移一天,也就是是否包含当前的天数*/};
02. 月份选择(示例)
export default {data() {return {value: "",setMonthDisabled: { // 返回禁用时间disabledDate(time) {// 获取当前的月份信息const date = new Date(); // 获取当前的时间基本信息,值是这样的: Tue Jul 20 2021 14:59:43 GMT+0800 (中国标准时间)const year = date.getFullYear(); // 获取当前年份,值是这样的: 2021let month = date.getMonth() + 1; // 获取当前月份,值是这样的: 6 getMonth()方法返回值是0-11,也就是1月份到12月份,所以要加上1,才是当前月份if (month >= 1 && month = 1 && timemonth <= 9) {timemonth = "0" + timemonth;}const elTimeData = timeyear.toString() + timemonth.toString();// 返回,时间选择器的日期月份大于当前日期的月份,又因为disabledDate函数是控制月份禁用不可选// 所以,最终就是:时间选择器的月份大于当前的月份,就都禁用掉,所以就实现了最终效果:// 小于等于当前月份都不可选 return elTimeData '202008'},},}}}