elementUI里面的dataPick 设置当前日期之前的时间禁止选择

最新推荐文章于 2024-07-27 15:15:11 发布

邪小新

最新推荐文章于 2024-07-27 15:15:11 发布

阅读量1w

点赞数 1

分类专栏： js 文章标签： elementUI里面的dataPick 设置当前日期之前的时间不能选

本文链接：https://blog.csdn.net/qq_42074075/article/details/100014733

版权

js 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

html代码

  <el-date-picker
                            v-model="value1"
                            type="date"
                            :picker-options="pickerOptions1"
                            placeholder="选择日期">
                    </el-date-picker>

js代码

data:{
 value1: '',
            pickerOptions1: {
                disabledDate(time) {
                    return time.getTime() < Date.now() - 8.64e7;
                },
            }
      }

效果图
在这里插入图片描述

 pickerOptions1: {
                disabledDate(time) {
                    let dd = moment(time).format('YYYY-MM-DD')

                    var _date = [
                        '2019-09-09',
                        '2019-09-11',
                        '2019-09-20',
                    ];
                    if (_date.indexOf(dd) >=0) {
                        return false;
                    }
                    return true;

                },
            },

效果图：
在这里插入图片描述