zoukankan      html  css  js  c++  java
  • Element-ui el-date-picker 禁止点击的日期

     
    <el-date-picker
                    :clearable="false"
                    v-show="query.type === 2"
                    v-model="query.date1"
                    type="year"
                    format="yyyy"
                    :picker-options="pickerOptions0"
                    placeholder="选择年">

    pickerOptions0: { disabledDate: (time) => { // 今天时间不能点击 return time.getTime() > Date.now()-8.64e7; } }, pickerOptions1: { disabledDate(time) { // 今天时间可以点击 return time.getTime() > Date.now() - 8.64e6 } },

    // 开始时间,结束时间禁用
                <el-date-picker
                            class="setWidth50"
                            v-show="sttdrcd == 1"
                            :clearable="false"
                            :picker-options="pickerOptions1"
                            v-model="queryDate.dayDate"
                            @change="handleDate"
                            type="date"
                            placeholder="选择日期">
                        </el-date-picker>
                        <el-date-picker
                            class="setWidth50"
                            v-show="sttdrcd == 1"
                            :clearable="false"
                            :picker-options="pickerOptions2"
                            v-model="queryDate.currentDay"
                            @change="handleDate"
                            type="date"
                            placeholder="选择日期">
                        </el-date-picker>
    
    
              pickerOptions1: {
                        disabledDate: (time) => {
                            if (this.queryDate.currentDay) {    //   this.queryDate.currentDay 结束时间                     
                                return time.getTime() > Date.now() || time.getTime() > new Date(this.queryDate.currentDay).getTime();
                            } else {                    
                                return time.getTime() > Date.now();
                            }
        
                        }
                    },
                    pickerOptions2: {
                        disabledDate: (time) => { // this.queryDate.dayDate开始时间
                            return time.getTime() < new Date(this.queryDate.dayDate).getTime()  || time.getTime() > Date.now();
                        }
                    },
    
    
  • 相关阅读:
    动态规划(最长公共序列,最长上升序列)
    滴滴笔试--算术转移(20190827)
    线段树和树状数组
    pair和list学习
    数据结构--树(建立、遍历)
    tmux常用命令与快捷键
    机器学习实战-逻辑回归
    字符流中第一个重复的字符
    机器学习实战-朴素贝叶斯
    Python第三方库
  • 原文地址:https://www.cnblogs.com/whlBooK/p/14445662.html
Copyright © 2011-2022 走看看