Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.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
Javascript 如何在日期选择器物料界面中启用月视图_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 如何在日期选择器物料界面中启用月视图

Javascript 如何在日期选择器物料界面中启用月视图,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我目前正在使用REACT中的材质UI制作一个日期选择器。我正在努力寻找一个解决方案,我可以点击月份标签/文本,使其只显示月份 只有将views={[“month”]}prop添加到组件中,我才能使其显示所需的月份视图 检查此代码沙盒 如果在组件中添加views={[“month”]}作为prop。你会看到它有我想要的效果/视野。然而,我正在努力找到一种方法,我可以切换到这个观点点击月文本 因此,在显示日期选择器的代码沙盒中。我想点击“2014年8月”,它将使视图={[“月”]} 我已尝试彻底搜索

我目前正在使用REACT中的材质UI制作一个日期选择器。我正在努力寻找一个解决方案,我可以点击月份标签/文本,使其只显示月份

只有将views={[“month”]}prop添加到组件中,我才能使其显示所需的月份视图

检查此代码沙盒

如果在组件中添加
views={[“month”]}
作为prop。你会看到它有我想要的效果/视野。然而,我正在努力找到一种方法,我可以切换到这个观点点击月文本

因此,在显示日期选择器的代码沙盒中。我想点击“2014年8月”,它将使
视图={[“月”]}

我已尝试彻底搜索文档,但仍然找不到解决方案。我不能使用onChange,因为它专门处理日期,我已经尝试/考虑过使用onClick,但这将使它适用于整个组件,而不是月份标签


我似乎找不到解决方案,但我觉得这是可能的,因为在codesandbox中的第二个日期选择器上,它没有prop
disableToolbar
。如果单击2014年,它会将整个datePicker视图切换到年份。当我点击2014年8月的时候,我需要它在几个月内做同样的事情。因此,这似乎是可能的,只是需要一点帮助来了解如何使用。

您想使用datepicker中的工具栏,还是不使用工具栏来实现它?因为您可以用自定义组件替换工具栏组件,在自定义组件中可以实现所需的onClick。理想情况下,我希望使用工具栏,因为我希望尽可能多地使用Material UI功能。这对你来说可能吗?是的,这是可能的,该库为你提供了创建自定义工具栏并将其作为道具插入日期选择器的机会。在“道具”部分查找,您可以为自己的工具栏创建一个小的功能组件。