element 循环两个时间限制功能

With Me

已于 2022-03-14 09:23:22 修改

阅读量194

点赞数

文章标签： vue.js 前端 elementui

于 2022-03-11 11:18:28 首次发布

本文链接：https://blog.csdn.net/weixin_44056936/article/details/123420114

版权

elemet 循环时间限制

你好！这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

//只复制部分样式
<div :class="['form-box','form-action']" v-for="(item,index) in ruleForm.lead_project" :key="index">
<span class="time-title">时间：</span>
 <el-date-picker v-model="item.start_time" :picker-options="picker0()" value-format="yyyy-MM-dd" type="month" placeholder="开始日期"> </el-date-picker>
<el-date-picker v-model="item.end_time" :picker-options="picker1(item.start_time)" value-format="yyyy-MM-dd" type="month" placeholder="结束日期">
 </el-date-picker>
 </div>

 methods: {
		//限制输入的时间为今天及以前
        picker0 () {
            return {
                disabledDate (time) {
                    return time.getTime() > Date.now();
                }
            }

        },
		//限制输入的时间为开始的时间及今天
        picker1 (date) {
            return {
                disabledDate (time) {
                    let startDate = date
                    startDate = startDate.replace(new RegExp("-", "gm"), "/");
                    let startDateM = (new Date(startDate)).getTime();
                    return time.getTime() < startDateM || time.getTime() > Date.now()
                }
            }
        },
 },