React Ant Design中日期选择框，实现选择年份然后执行事件

项目有一个功能，想实现通过时间框选择年份，查询整年的数据，大概实现如下图

一开始想用ant Design中的日期选择框DatePicker，但是后来发现实现不了，有一个功能可以显示年份，就是将DatePicker中有一个属性mode 日期面板的状态,time|date|month|year 将其设置为year，就可以选择年了，但是出现了一个BUG，事件onChange 点击年份的时候，不执行，后来找资料，应该是如果是年的话，他会默认延展出月份的那一阶层，但是页面只展示年，所以就没有反应。

后来找了好久，也没有找到解决方案，就直接打算自己写一个组件得了。