antd DatePicker 时间选自器组件中如何只选择年？

Question

antd的时间组件中如何只选择年？
因为组件api中有DatePicker，MonthPicker，却没有YearPicker,写上去报错，找半天也没有。
用format可以让选择后的内容变成只有年，可弹出的选择空间里只让用户选择年要如何实现呢？
目的是要点击直接出现如下这样的界面

可默认的都要选择月份才行。
查了下是基于momentjs写的这个组建，可momentjs文档里也没有相关只选择年的方法。
希望大神指点迷津 万分感谢

Answer 1

官方不提供只选择年的组件,但是你可以去看antd的底层源码相关的组件rc-calendar,里面有一个YearPanel.js的文件,拿出来改一下就可以只选择年了

Answer 2

ant.design相当于帮你预先写好了的常用的组件，要是文档里面没有的就是他没有预先帮你写好这个组件，要你自己去写。要把ant.design的定位理解清楚！不要太过于依赖ant.design，不是没有它就不能实现功能了。。。

Answer 3

如果只是选择年，需要YearPicker吗，input，或者select好了吧。

Answer 4

建议是自己仿antd的样式写一个，只有年份的话其实就是一组li，然后里面的text改变而已。

当然，想上面说的，rc-calendar也有，但是基于它那个修改不见得比自己简单写一个方便。

Answer 5

antd 中，DatePicker 有一个属性mode 日期面板的状态,time|date|month|year 将其设置为year，就可以选择年了

Answer 6

请问有时间可以给下代码么，跟着改了改，不太会。mail:[e-mail]

Answer 7

你好，你的问题解决了，能麻烦告知一下吗，有时间把年的组件发到我的邮箱[e-mail]也可以，多谢了

Answer 8

请问我在antdpro中用button控制DatePicker的open属性的时候怎么才能使得点击空白使得DatePicker的的弹出框关闭
我在项目中需要用到一个button按钮打开DatePicker，