首頁猿問 element-ui框架的Date...

element-ui框架的DateTimePicker控件問題

JavaScript

慕田峪7331174 2019-03-15 18:51:17

問題：要寫一個日期選擇范圍，而當(dāng)前文檔也提供了picker-options，但是我寫了這個函數(shù)后，發(fā)現(xiàn)并沒有觸發(fā)，想請問是怎么回事？代碼如下：<el-form :ref="form" :model="form"><el-form-item :label="申請時間" prop="date1"><el-col :span="10"> <el-date-picker size="small" v-model="form.date1" type="datetime" placeholder="開始日期" :picker-options="pickerOptionsStart"> </el-date-picker></el-con></el-form-item><el-form-item prop="date2"><el-col :span="10"> <el-date-picker size="small" v-model="form.date2" type="datetime" placeholder="結(jié)束日期" :picker-options="pickerOptionsEnd"> </el-date-picker></el-con></el-form-item></el-form>data(){return{ form:[ date1:'', date2:'' ], pickerOptionsStart:{ disableDate:(time)=>{ return time.getTime()>Date.now() } }, pickerOptionsStart:{ disableDate:(time)=>{ return time.getTime()<Date.now() } } }}以上就是簡單的寫法，但是缺效果并沒有實現(xiàn)，還是每一個都可以選擇

查看完整描述

2 回答

紅糖糍粑

TA貢獻(xiàn)1815條經(jīng)驗獲得超6個贊

<el-date-picker size="small" v-model="form.date1" type="datetime" placeholder="開始日期" :picker-options="pickerOptionsStart">
 </el-date-picker>

 pickerOptionsStart: {
        disabledDate: (time) => {
          // 只能選今天以后的          return time.getTime() < new Date()
        }
      }

反對回復(fù) 2019-03-15