日期选择框 DatePicker - Ant Design

实现方法很简单，按照官网示例用moment初始化一下即可

获取当前一季度的开始日期时间： moment().quarter(1).startOf('quarter')

const seasons = {};
Array(4).fill(1).map((_,index)=>{
  const i = index+1;
  seasons[`Q${i}`] = [moment().quarter(i).startOf('quarter'), moment().quarter(i).endOf('quarter')]
组件使用:
 
<RangePicker
      ranges={seasons} />
 
3、存在问题
在 antd 官网找不到季度选择器相关修改这个按钮值的属性，dateRender 只适用于自定义日期单元格的内容和样式，对季度单元格不生效；panelRender 则相当于需要重新写一个季度选择器，不是最佳方案。
      @click.stop="showSeason = false"
    <el-popover placement="bottom" popper-class="quarter-popover-custom" trigger="manual"