elementUI 时间控件控制时间选择

选择时间大于当前月或小于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);
                }
            },
        },
相关推荐
水煮白菜王6 分钟前
商用地图全面收费?从天地图到开源生态的替代路线
前端·javascript·高德地图·amap·开源地图
程序员黑豆7 分钟前
鸿蒙应用开发:网络请求三种方式详解(http / rcp / axios)
前端·harmonyos
黄敬峰12 分钟前
前端路由到底是个啥?React Router v7 从零到一,大白话一次讲透
前端·面试
先吃饱再说23 分钟前
从多页到单页:前端路由的演进与 React Router
前端·react.js·前端框架
北墨NoLimit24 分钟前
TRAE Work实战:把办公Agent竞品调研从2-3天压到32分钟,有完整指令模板
前端·人工智能·数据可视化
颜进强29 分钟前
Calude Code - 25 CodeGraph:让 AI 真正读懂你的代码库
前端·后端·ai编程
七牛开发者29 分钟前
Agent 小知识|长任务不重来:Agent 状态保存的工程设计
前端·javascript·后端
weixin_431600441 小时前
做 Agent 会用到的 Node API(3):异步与流
前端·学习·ai·agent·ai编程
程序员黑豆1 小时前
鸿蒙应用开发之生命周期方法完全指南
前端·harmonyos
一点一木1 小时前
第 23 届 ChinaJoy 刚结束,我把 965 个展台做成了 3D 云展馆
前端·人工智能