element日期选择器关闭选择年月时时间范围联动造成两个开始和结束时间框一起改变

默认:v-model="value"里面的值使用时需要在vue.js的data内声明,相信你知道,我就不多说了。 <el-form-item label="申请时间"><el-date-picker   v-model="value"   type="monthrang...
默认:v-model="value"里面的值使用时需要在vue.js的data内声明,相信你知道,我就不多说了。
<el-form-item label="申请时间">
<el-date-picker 
  v-model="value" 
  type="monthrange" range-separator="~" 
  start-placeholder="开始日期" 
  end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
效果:改变年月时开始与结束时间会一起改变

attachments-2020-06-ffhwM9vw5efa92a300301.png

加入unlink-panels:v-model="value"里面的值使用时需要在vue.js的data内声明,相信你知道,我就不多说了。
<el-date-picker
   v-model="value"
type="monthrange" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels> </el-date-picker>


效果:开始与结束可以单独改变年月

attachments-2020-06-kDaHaE1P5efa931a2b2b2.png


总结:unlink-panels为取消联动,就是用来控制这个的。

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

651 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. Stevengring 0 文章