Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React Datepicker-添加上一年和下一年按钮_Reactjs_React Datepicker - Fatal编程技术网

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已禁用,
逐年递增,
逐年递减
}) => (
{""}
{">>"}
)}