设置带有时间线的日期选择器，并更改为季度

Question

我想将时间设置为季度，例如Q1至2017年1月1日至2017年3月31日以及Q2，Q3等。我如何设置下面的代码进行修改。但是我不确定该用什么。请帮助我正确的方向，以实现它。

 return {
            pickerOptions2: {
              shortcuts: [{
                text: 'Today',
                onClick (picker) {
                  picker.$emit('pick', [moment().startOf('day'), moment().endOf('day')])
                }
              }, {
                text: 'Yesterday',
                onClick (picker) {
                  picker.$emit('pick', [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')])
                }
              }, {
                text: 'Last 7 Days',
                onClick (picker) {
                  picker.$emit('pick', [moment().subtract(6, 'days'), moment()])
                }
              }, {
                text: 'Last 30 Days',
                onClick (picker) {
                  picker.$emit('pick', [moment().subtract(29, 'days'), moment()])
                }
              }, {
                text: 'This Month',
                onClick (picker) {
                  picker.$emit('pick', [moment().startOf('month'), moment().endOf('month')])
                }
              }, {
                text: 'Last Month',
                onClick (picker) {
                  picker.$emit('pick', [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')])
                }
              }]
            },
            file: null,
            tableData: [],
            pageData: [],
            domains: [],
            domainNames: '',
            folders: [],
            choosenFolder: 'All',
            canQuery: false,
            errorInfo: '',
            canDownload: false,
            fileChanged: false,
            loading: false,
            active: '1',
            picker: {
              v: [moment().subtract(12, 'month').startOf('month'), moment().endOf('day')]
            },
            page: {
              customQuery: false,
              pageSize: 10,
              queryNum: 1000,
              queryData: null
            }
          }
        }
      }

先谢谢了。我正在使用VueJs和Vue Datepicker。