如何从“平面”或“凸起”按钮元素触发“材质UI日期选择器”元素

阿什·沙哈比(Ash Shahabi)

我试图从工具栏元素内的“已调高”按钮打开日期选择器对话框,没有任何乐趣。

浏览完文档后,我找不到解决方案。我尝试将“日期”选择器放在“平面按钮”内,如下所示:

<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>

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

任何帮助将不胜感激

瑞星

您必须从DatePicker组件的引用中打开它

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

元素 UI 日期选择器禁用日期和日期

VBA Automation-如何访问日期选择器元素

材质UI日期时间选择器示例

更改材质ui的日期选择器中的formatDate

如何从角形材质的日期选择器中排除日期?

获取隐藏按钮元素的选择器

如何更改角度材质的日期选择器格式

如何设置材质 ui 时间选择器 dilog 样式

@角度/材质日期选择器位置

如何用鼠标(例如,日历日期范围选择器)选择一系列元素?

如何在单个元素中合并日期选择器值和时间选择器值?

如何基于Material UI的github标签选择器示例删除Material UI芯片元素

从Angularjs UI引导日期选择器中删除按钮

带按钮的多个角度ui引导日期选择器

如果元素是动态元素,如何定义选择器

如何在React Material-UI日期选择器中设置天按钮的样式

在注入的元素上激活引导日期选择器

如何使引导日期选择器中的容器附加到特定元素?

如果$选择器中有多个元素,则jQuery会多次触发,如何使其仅触发一次?

尝试从日期选择器中选择日期时,如何解决“陈旧元素引用异常”?

如何使用 Angular 材质日期时间选择器格式化日期

如何在 Xamarin 中动态添加 UI 元素(如“选择器”)到 View?

如何选择ID包含的元素| 与jQuery ID选择器

使用角度材质日期选择器保存本地日期

CSS选择器的区别:元素元素vs元素>元素

与后代选择器绑定时,为什么在子元素之前的父元素上触发事件?

触发onclick的元素的下一个元素的CSS选择器?

如何在按钮下方设置日期选择器

显示从日期选择器触发的图像