小记:iview的Datepicker设置不可编辑的方式
程序员文章站
2022-06-06 19:56:23
...
我的错误代码:
<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~
上一篇: ExtJs教程7(下)
推荐阅读
-
关于PhpStorm设置点击编辑文件自动定位源文件的实现方式
-
ExtJS中设置下拉列表框不可编辑的方法
-
小记:iview的Datepicker设置不可编辑的方式
-
ExtJS中设置下拉列表框不可编辑的方法_extjs
-
设置select只读不可编辑且select的值可传递
-
关于PhpStorm设置点击编辑文件自动定位源文件的实现方式
-
设置select只读不可编辑且select的值可传递
-
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法_javascript技巧
-
如何设置select只读不可编辑且select的值可传递_HTML/Xhtml_网页制作
-
如何设置表单的input文本框不可编辑