选择时间大于当前月或小于2024年一月禁止选择
html
<el-form-item label="成交月份:" label-width="105px" >
<div class="block">
<el-date-picker
v-model="formData.deal_month"
type="month"
:picker-options="pickerOptions"
placeholder="选择月">
</el-date-picker>
</div>
</el-form-item>
javascript
data: {
pickerOptions: {
disabledDate(time) {
const now = new Date();
const currentYear = now.getFullYear();
const currentMonth = now.getMonth();
const startOfMonth2024 = new Date(2024, 0, 1); // 2024年1月1日
// 禁用小于2024年1月或大于当前月份的日期
return time.getTime() < startOfMonth2024.getTime() || time.getFullYear() > currentYear || (time.getFullYear() === currentYear && time.getMonth() > currentMonth);
}
},
},