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();
                        }
                    },
    
    
  • 相关阅读:
    软件工程最后一次作业
    软件工程第二次结对作业
    软件工程第三次作业
    软件工程第二次个人作业
    软件工程第二次作业
    软件工程第一次作业
    2020软件工程最后一次作业
    软件工程第四次作业
    软件工程第三次作业
    软件工程第二次作业
  • 原文地址:https://www.cnblogs.com/whlBooK/p/14445662.html
Copyright © 2011-2022 走看看