el-date-picker 动态禁用不连贯的月份

已于 2022-07-01 19:31:52 修改 · 397 阅读

文章标签：

#vue.js #前端框架 #前端

于 2022-06-24 14:55:06 首次发布

本文介绍如何在 Vue.js 的 el-date-picker 组件中动态禁用不连续的月份，以实现更灵活的日期选择限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//日期组件标签      

<i class="el-icon-plus plus">

             <el-date-picker

                v-model="month"

                value-format="yyyy-MM"

                @change="dateChange"

                type="month"

                :picker-options="pickerOptions"

                placeholder="选择月"

              >

              </el-date-picker>

        </i>

//data里设置的默认禁用方法

pickerOptions: {
        disabledDate(time) {
           return time.getFullYear()=='2022' && time.getMonth()+1=='6' || 
           time.getFullYear()=='2022' && time.getMonth(