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();
                        }
                    },
    
    
  • 相关阅读:
    Java 学习笔记- classpath classpath*
    Java this关键字 学习笔记
    Java 基础 类加载器和双亲委派机制 学习笔记
    《Java语言实现快速幂取模》
    《2017年内蒙古自治区第十二届大学生程序设计-超级密码》
    《快速排序》
    《01-背包问题-点菜》
    微信小程序相关二、css介绍,菜单制作,表单相关,京东注册页面
    微信小程序相关一、模仿京东静态登录页面
    分别用js和css实现瀑布流
  • 原文地址:https://www.cnblogs.com/whlBooK/p/14445662.html
Copyright © 2011-2022 走看看