elementui 中如何实现月份多选 | elementui 时间控件月份多选

elementui 怎么设置月份多选背景交代:可多选不连续的月份,现 elementui 组件库已有日期多选,但是没有月份多选的 type一、折中做法思路:使用 elementui 自带的type: dates,然后利用 picker-options控制用户只能点击每个月的 1 号,再利用 value-format 控制展示的格式为 yyyy-MM 从而达到多选月份的目的。优点:比较方便,有现成组件套用,书写简单缺点:用户不好操作,每次点击下一个月都需要点击多一次多选月份界面不够直观,容易
摘要由CSDN通过智能技术生成


背景交代:

可多选不连续的月份,现 elementui 组件库已有日期多选,但是没有月份多选的 type

一、折中做法

思路:使用 elementui 自带的type: dates,然后利用 picker-options控制用户只能点击每个月的 1 号,再利用 value-format 控制展示的格式为 yyyy-MM 从而达到多选月份的目的。

优点:比较方便,有现成组件套用,书写简单

缺点

  • 用户不好操作,每次点击下一个月都需要点击多一次
  • 多选月份界面不够直观,容易理解成多选日期

部分代码如下

<el-date-picker
    v-else
    :key="form.monthMode"
     v-model="form.months"
     :disabled="!!form.id"
     :picker-options="{
   
       disabledDate(date
  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值