element季度选择控件

前言: 季度选择控件,element官网没有提供。 实现效果: 默认是当前月份的季度 实现原理: 在页面上放一个input,然后点击出现card卡片,卡片里面

前言:

      季度选择控件,element官网没有提供。

实现效果: 默认是当前月份的季度

实现原理:

 在页面上放一个input,然后点击出现card卡片,卡片里面放季度的内容

封装组件源码:源码api见最下面




调用方法:


import jdSelect from './jdSelect.vue'components: {jdSelect},

源码api:

1、prop里支持两个内容,分别是一个默认值(当前日期,或者当前季度两种),还有一个默认值的类型

2、传入默认值:(默认传日期)

data() {return {defaultVal: '2021-03',

3、拿到我们当前季度框显示的值信息

methods: {getValue(res){debugger},