material-ui - 如何从 Flat 或 Raised 按钮元素触发 Material UI 日期选择器元素

Question

我正在尝试从工具栏元素内的凸起按钮打开日期选择器对话框，但没有任何乐趣。

通过文档后，我没有找到解决方案。我尝试将日期选择器放在 Flat Button 中，如下所示:

<RaisedButton label="Start Date" onTouchTap={this.handleRaisedButtonTap} primary={true}>
   <DatePicker autoOk={true} formatDate={this.datePickerFormat} hintText='Start Date' label='Start Date' value={this.state.filter.startDate.display} />
</RaisedButton>

我想在单击按钮时打开日期选择器对话框。

任何帮助将不胜感激

Answer 1

你必须从 DatePicker 组件的 refs 打开它

openDatePicker(){
  this.refs.dp.openDialog()
}

render(){
  return (
    <div>
      <RaisedButton onTouchTap={this.openDatePicker} label='open date picker' />
      <DatePicker ref='dp' />
    </div>
  )
}