[ElementUI] 日期选择器unlink-panels属性作用

日期选择器unlink-panels属性作用

官方解释:在范围选择器里取消两个日期面板之间的联动

unlink-panels默认为 false, 当像如下代码使用日期选择器时

<el-date-picker
      v-model="value6"
      type="daterange"
      range-separator=""
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>

点击右侧日期面板的下一个月(3 月),左侧日期面板的 1 月会变成 2 月。
点击左侧面板的上一个月(2018 年 12月),右侧日期面板的 2月会变成 1 月。
像这样的行为称之联动
在这里插入图片描述

unlink-panels设置为 true 后,

<el-date-picker
      v-model="value6"
      unlink-panels
      type="daterange"
      range-separator=""
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>

两个日期面板的联运行为消失。左右侧的日期可以随意更改。
在这里插入图片描述

参考

猜你喜欢

转载自blog.csdn.net/weixin_36210698/article/details/86530066