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();
                    }
                },
 
        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM