Reactjs React Datepicker-添加上一年和下一年按钮
我正在使用Reactjs React Datepicker-添加上一年和下一年按钮,reactjs,react-datepicker,Reactjs,React Datepicker,我正在使用react datepicker进行一个需要用户确切出生日期的项目。此实例中必须使用日期选择器,因此下拉列表在此处不起作用 问题在于,一次只能跳过几个月的按钮。如果一个用户在20年前选择了一个日期,他们将不得不点击它240次,这不是很好。我在中没有找到任何关于添加此选项的信息。我所发现的最接近于日期选择器中的一个下拉菜单,用于月份和年份-没有那么优雅 我怎样才能像下面的实物模型一样添加按钮 请注意,添加了双箭头以一次跳过一年 通过调整文档中的customHeader示例,找到了解决方案
react datepicker
进行一个需要用户确切出生日期的项目。此实例中必须使用日期选择器,因此下拉列表在此处不起作用
问题在于,一次只能跳过几个月的按钮。如果一个用户在20年前选择了一个日期,他们将不得不点击它240次,这不是很好。我在中没有找到任何关于添加此选项的信息。我所发现的最接近于日期选择器中的一个下拉菜单,用于月份和年份-没有那么优雅
我怎样才能像下面的实物模型一样添加按钮
请注意,添加了双箭头以一次跳过一年
通过调整文档中的
customHeader
示例,找到了解决方案。仍然需要调整,如禁用超出范围的按钮,设计按钮等,但认为它在当前状态下可能有用
const years=范围(1990年,新日期().getFullYear());
常数月=[
“一月”,
“二月”,
“三月”,
“四月”,
“五月”,
“六月”,
“七月”,
“八月”,
“9月”,
“十月”,
“11月”,
“12月”
];
/*然后将此道具添加到已配置的日期选择器中*/
渲染器引导器={({
日期,
每年,
每月,
月,
增加一个月,
普雷蒙·布顿被取消,
下个月按钮禁用,
前一年按钮禁用,
NextyEarButton已禁用,
逐年递增,
逐年递减
}) => (
{""}
{">>"}
)}