当前位置: 首页 > article >正文

elementUI 时间控件控制时间选择

选择时间大于当前月或小于2024年一月禁止选择

						<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>
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);
                }
            },
        },

http://www.kler.cn/news/365865.html

相关文章:

  • Mysql主主互备配置
  • uni.showLoading 时禁止点击(防止表单重复提交) 小程序调取微信支付
  • 机器人学习仿真框架
  • 聊一聊为什么企业数字化转型总是三天热度
  • 小程序如何根据用户的不同显示不同导航栏
  • 函数的力量:掌握C语言的基石
  • 扫雷游戏(C语言详解)
  • uni.showLoading 时禁止点击(防止表单重复提交) 小程序调取微信支付
  • 【NPM】工程化依赖包/库开发 之 常见开发结构/模式及特点
  • 目前最新 Reflector V11.1.0.2067版本 .NET 反编译软件
  • R5:天气预测-探索式数据分析
  • Java中的设计模式:单例模式详解
  • VScode插件:前端每日一题
  • List线性表
  • 单片机_RTOS__架构概念
  • mongodb高可用副本集 docker版
  • linux下的进程等待(wait、waitpid)
  • Vue 3项目的性能监测和优化
  • 日常记录:es TransportClient添加证书处理
  • vscode 配置构建、调试QT项目
  • uniapp renderjs页面传值
  • 【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七):MongoDB的设置
  • 虚拟化基础
  • java List<Map<String, Object>> 转 List<JSONObject> 的几种方式
  • Log4j和SLF4J在Java中打印日志的区别
  • Node.js是什么? 能做什么?