文章目录
背景交代:
可多选不连续的月份,现 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