elementUi 日历添加可选区间(只能选择一个月的时间段)


<el-form-item>
        <el-date-picker clearable v-model="times" :picker-options="pickerOptions"
 type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起始时间" end-placeholder="截止时间"> </el-date-picker>
      </el-form-item>

js

     times:'',
      pickerOptions: {
      onPick: ({maxDate, minDate}) => {
        this.times= minDate.getTime();
        if (maxDate) {
          this.times= ''
        }
        }, disabledDate: (time) => {
          if (this.times!== '') {
            const one = 30 * 24 * 3600 * 1000;
            const minTime = this.times- one;
            const maxTime = this.times+ one;
            return time.getTime() < minTime || time.getTime() > maxTime
          }
        }
      }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM