【发布时间】：2017-07-12 14:34:19
【问题描述】：
我有一个日期选择器
<DatePicker/>
在我的组件中并且它被正确渲染，一切正常，但我需要在我的特殊用例中仅查看年视图。
DatePicker（日历）的子组件中有一个函数：
yearSelector()
如果我点击年份，它会调用：
我的问题是：如何以编程方式调用它，就我的组件中呈现的 DatePicker 而言，这样我只能看到如下所示的年份视图：
【问题讨论】：
-
你想用年份选择器开始选择你的日期吗？
-
您只能禁用年份选择（默认情况下）。你可以在 github 上 fork 库。更改代码。从您的项目中删除 material-ui。然后运行“npm i --save yourGithubRepoLink”
-
或者你可以尝试在日期选择器打开后点击“2017”。
-
@Kornflexx 谢谢！如何在反应组件中产生点击，有没有经过验证的方法可以做到这一点？如何处理正确的 div？问题是，它们没有 ID 并且具有内联样式。在 DOM 级别做到这一点并不是一个优雅的解决方案，你不这么认为吗？
-
@ErkanBuelbuel 我认为这种方式是最糟糕的方式。要实现它，您必须将您的日期选择器包装在带有 Id 的 div 中。然后在您的网络浏览器的代码查看器中查看如何选择您需要单击它的元素。在您的 datepick 中，您可以添加属性“onShow”，为其分配一个回调。在回调中检索您需要单击的 html 元素（使用包装器的 id 来检索它）。最后点击它。
标签： javascript reactjs datepicker material-design material-ui