antVue range-picker 限制當前時間之前的時間不可選擇


<a-range-picker
                        :format="dateFormat"
                        size="small"
                        :showToday="true"
                        class="org-rang-Time"
                        allowClear
                        :show-time="{hideDisabledOptions:true}"
                        :disabled-date="disabledDate"
                        :disabled-time="disabledRangeTime"
                        v-decorator="['orgStartEndTime',validatorRules.orgStartEndTime]"
                        :placeholder="['開始時間', '結束時間']"
                        @change="onTimeChange"/>

兩個知識點:1.時間重置;2.時間限制

onTimeChange(value, dateString){//任務起止時間設置
         if(value.length>0){
           this.orgStartEndTime = value;
           this.beginTime = dateString[0];
           this.endTime  =dateString[1];
         }else{
          //  時間重置
           this.orgStartEndTime = moment([]).format('YYYY-MM-DD HH:mm:ss');
           this.beginTime ='';
           this.endTime  ='';
         }
      },
      range(start, end) {
        const result = [];
        for (let i = start; i < end; i++) {
          result.push(i);
        }
        return result;
      },
      disabledDate(current) {
      //  禁用當前時間之前的時間
        return current < moment().startOf('day');
      },
    disabledRangeTime(_, type) {
      if (type === 'start') {
        return {
          disabledHours: () => this.range(0, moment().hour()),
          disabledMinutes: () => this.range(0, moment().minute()),
          disabledSeconds: () => this.range(0, moment().second())
        };
      }
      return {
        // disabledHours: () => this.range(0, 60).splice(20, 4),
        // disabledMinutes: () => this.range(0, 30),
        // disabledSeconds: () => this.range(0, 60),
      };
    },

 


免責聲明!

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



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