帐号售卖网站建设,网站建设免费加盟代理,移动开发应用,跨境电商平台有哪些可以加盟有时候#xff0c;在使用日历控件的时候#xff0c;我们需要进行定制#xff0c;控制用户只能在指定日期范围内进行日期选择#xff0c;在这里#xff0c;我使用了 element ui 的 el-date-picker 日期选择控件#xff0c;控制只能选择当前月及往前的2个月#xff0c;效果…有时候在使用日历控件的时候我们需要进行定制控制用户只能在指定日期范围内进行日期选择在这里我使用了 element ui 的 el-date-picker 日期选择控件控制只能选择当前月及往前的2个月效果如图 HTML代码
templateel-date-picker :picker-optionspickerOptions typemonth placeholder选择月 v-modelmonthsVal/el-date-picker
/template
JS代码
script
export default {data() {return {monthsVal:,pickerOptions: {disabledDate(time) {const currentMonth new Date().getMonth();const allowedMonths [currentMonth, currentMonth - 1, currentMonth - 2];return !allowedMonths.includes(time.getMonth());},},}},
}
/script
CSS代码
style
.el-month-table td .cell{background-color:unset !important;
}
/style
