小记：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～