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();
                        }
                    },
    
    
  • 相关阅读:
    深入浅出Win32多线程程序设计【2】线程控制
    深入浅出Win32多线程程序设计【1】基本概念
    在两个ASP.NET页面之间传递值
    Javascript基础
    DataGrid的几个小技巧
    推荐取代Visio的中国人的软件——Edraw
    ASP.NET如何防范SQL注入攻击
    软件版本号规定原则
    三层体系结构总结(三)
    .Net工具 .NET文档生成工具2.2
  • 原文地址:https://www.cnblogs.com/whlBooK/p/14445662.html
Copyright © 2011-2022 走看看