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);
                }
            },
        },
相关推荐
Mintopia几秒前
Three.js 高级纹理(Advanced Textures):超越基础,打造沉浸式 3D 世界
前端·javascript·three.js
玄玄子几秒前
JS Promise
前端·javascript·程序员
Raink老师6 分钟前
7. TypeScript接口
javascript·typescript
Thanks_ks9 分钟前
探索现代 Web 开发:从 HTML5 到 Vue.js 的全栈之旅
javascript·vue.js·css3·html5·前端开发·web 开发·全栈实战
GIS之路12 分钟前
OpenLayers 获取地图状态
前端·javascript·html
FogLetter28 分钟前
深入理解Flex布局:grow、shrink和basis的计算艺术
前端·css
remember_me29 分钟前
前端打印实现-全网最简单实现方法
前端·javascript·react.js
前端小巷子32 分钟前
IndexedDB:浏览器端的强大数据库
前端·javascript·面试
Whbbit199932 分钟前
如何使用 Vue Router 的类型化路由
前端·vue.js
JYeontu37 分钟前
浏览器书签还能一键下载B站视频封面?
前端·javascript