antd-design-vue RangePIcker组件 设置:mode="['month', 'month']"后问题及解决方案

antd-design-vue RangePicker组件 设置:mode="['month', 'month']"后，会产生2个问题:

1. 选择后日期弹窗没有自动关闭

　　解决方案:  使用open属性和openChange事件

 

2. disabledDate无效

　　内部使用了默认的禁用函数，并没有使用我们提供的props.disabledDate

　　解决方案:  修改源码

       2.1 node_modules\ant-design-vue\es\vc-calendar\src\RangeCalendar.js

　　　　函数 disabledStartMonth(大约658行), 增加:

　　　　函数 disabledEndMonth，增加:

　　if (typeof this.$props.disabledDate == "function") {
　　　　if (this.$props.disabledDate(month) == true) {
　　　　　　return true;
　　　　}
　　}

 

Good Luck!