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);
                }
            },
        },
相关推荐
Mr_Xuhhh37 分钟前
重生之我在学环境变量
linux·运维·服务器·前端·chrome·算法
永乐春秋2 小时前
WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性
前端
鸽鸽程序猿2 小时前
【前端】CSS
前端·css
ggdpzhk2 小时前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
小曲曲3 小时前
接口上传视频和oss直传视频到阿里云组件
javascript·阿里云·音视频
学不会•4 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
EasyNTS5 小时前
H.264/H.265播放器EasyPlayer.js视频流媒体播放器关于websocket1006的异常断连
javascript·h.265·h.264
活宝小娜6 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点6 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow6 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js