AntdesignVue 的月份区间组件用法

常用的是年月日日期区间组件，最近有个需求，只让选择年月，所以查阅资料，但是很多都不能用，经过研究实现了，详细代码如下：

<template><div><a-range-pickerformat="YYYY-MM"valueFormat="YYYY-MM"v-model="dateRange":mode="['month', 'month']":placeholder="['开始月份', '结束月份']"@panelChange="handlePanelChange"allow-clear/></div>
</template><script>
import moment from 'moment'export default {name: 'Index',data () {return {dateRange: []}},methods: {handlePanelChange(value) {this.dateRange = [moment(value[0]).format('YYYY-MM'), moment(value[1]).format('YYYY-MM')]}}
}
</script>

因为月份日期控件选中后的值不是 YYYY-MM 格式，所以无法回显，这里使用 moment 库结合月份日期控件的 panelChange 方法，拿到选中的值，并转化成 YYYY-MM 格式实现回显，如下图：