elementUI 时间控件控制时间选择

最新推荐文章于 2025-02-22 12:00:51 发布

阿虎-cqh

最新推荐文章于 2025-02-22 12:00:51 发布

阅读量812

点赞数 1

文章标签： elementui 前端 javascript

本文链接：https://blog.youkuaiyun.com/chenqinghu98/article/details/143228211

版权

选择时间大于当前月或小于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);
                }
            },
        },