小記：iview的Datepicker設置不可編輯的方式

我的錯誤代碼：

 <DatePicker v-model="time"  format="yyyy.MM.dd"
                      type="daterange"
                      style="width: 50%"
                      editable="false"
                      placeholder="請輸入時間範圍"
                      clearable>
          </DatePicker>

這樣的代碼是不起作用的，一度懷疑這個功能不好用，當然我是錯的啦（沒見過世面的亞子😳）
我修改之後的代碼

 <DatePicker v-model="time"  format="yyyy.MM.dd"
                      type="daterange"
                      style="width: 50%"
                      :editable="false"
                      placeholder="請輸入時間範圍"
                      clearable>
          </DatePicker>

發現了嗎？在editable="false"前面➕‘：’ 就萬事大吉了～
這還沒完，你的代碼可能是下邊這樣子的

 component: (h, {value, onInput}) => {
        return <DatePicker type= 'daterange' format='yyyy.MM.dd' editable={false} style='width:230px' placeholder='開始時間-結束時間' value={value} onInput={onInput}></DatePicker>
      },

一定要寫成這樣： editable={false}
如果editable=“false”也是木有效果的的啦～
從一個坑跳出來再跳進另一個坑就是這麼的簡單～
就醬，886～