Material-UI选择器–使空日期(模糊)触发错误

丹尼·波

问题:我正在使用material-ui-pickers,并且当用户移开焦点/ onBlur并且日期字段为空时,无法弄清楚如何触发/启​​动错误。

我试图将文本的颜色和下划线更改为错误颜色(红色),但是屏幕阅读器/ a11y不会记录该错误。这意味着它必须触发日期选择器的“内部”错误系统。

如果

@material-ui-pickersMaterial-UI TextField继承道具,您会注意到errorboolean

为了创建错误消息,您需要满足两个条件,errorhelperText

您没有提供示例,但是应该是这样的:

     <DatePicker
      required
      id="dob"
      label="Date of Birth"
      format={"DD/MM/YYYY"}
      value={this.state.dob}
      className={classes.textField}
      onChange={this.handleDateChange}
      error={!this.state.dob}
      helperText={!this.state.dob && "Error message here"}
    />

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Material-UI选择器是否触发模糊而不是更改?

来自分类Dev

无法使Material-UI日期选择器正常工作

来自分类Dev

如何更改Material UI的日期选择器的填充?

来自分类Dev

更改Material-UI中的原色会导致Material-UI日期选择器崩溃

来自分类Dev

如何使用日期选择器禁用今天的日期-Material UI

来自分类Dev

在Material UI库中以编程方式打开日期/时间选择器

来自分类Dev

如何更改Angular Material日期选择器的水平大小?

来自分类Dev

Angular Material日期选择器验证问题

来自分类Dev

如何使用 Material UI 制作头像选择器

来自分类Dev

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

来自分类Dev

未来的日期引发错误的jQuery UI的日期选择器

来自分类Dev

如何在子选择器中将道具传递给Material-UI样式

来自分类Dev

React Material UI-创建一个按钮以打开文件选择器窗口

来自分类Dev

如何限制Material-ui时间选择器仅允许特定时间?

来自分类Dev

更改选择器模式中的显示值 material-ui-pickers

来自分类Dev

Android Material Design主题选择器颜色

来自分类Dev

Material-UI入门

来自分类Dev

如何使用material-ui为复杂的选择器引用另一个样式类

来自分类Dev

Material-UI ClickAwayListener立即触发

来自分类Dev

React material-ui选择菜单上的findDOMNode错误

来自分类Dev

Angular 7 和 Angular Material 日期选择器在从 mysql 服务器接收日期时将按钮设置为禁用

来自分类Dev

Pickers Material ui,错误仅以英语显示

来自分类Dev

导入Material-UI组件

来自分类Dev

Material-UI如何响应

来自分类Dev

如何使用Material UI的阴影?

来自分类Dev

React-Material UI与Reactstrap

来自分类Dev

使用Material UI进行日历

来自分类Dev

Material UI中缺少组件

来自分类Dev

React和Material Ui入门

Related 相关文章

  1. 1

    Material-UI选择器是否触发模糊而不是更改?

  2. 2

    无法使Material-UI日期选择器正常工作

  3. 3

    如何更改Material UI的日期选择器的填充?

  4. 4

    更改Material-UI中的原色会导致Material-UI日期选择器崩溃

  5. 5

    如何使用日期选择器禁用今天的日期-Material UI

  6. 6

    在Material UI库中以编程方式打开日期/时间选择器

  7. 7

    如何更改Angular Material日期选择器的水平大小?

  8. 8

    Angular Material日期选择器验证问题

  9. 9

    如何使用 Material UI 制作头像选择器

  10. 10

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

  11. 11

    未来的日期引发错误的jQuery UI的日期选择器

  12. 12

    如何在子选择器中将道具传递给Material-UI样式

  13. 13

    React Material UI-创建一个按钮以打开文件选择器窗口

  14. 14

    如何限制Material-ui时间选择器仅允许特定时间?

  15. 15

    更改选择器模式中的显示值 material-ui-pickers

  16. 16

    Android Material Design主题选择器颜色

  17. 17

    Material-UI入门

  18. 18

    如何使用material-ui为复杂的选择器引用另一个样式类

  19. 19

    Material-UI ClickAwayListener立即触发

  20. 20

    React material-ui选择菜单上的findDOMNode错误

  21. 21

    Angular 7 和 Angular Material 日期选择器在从 mysql 服务器接收日期时将按钮设置为禁用

  22. 22

    Pickers Material ui,错误仅以英语显示

  23. 23

    导入Material-UI组件

  24. 24

    Material-UI如何响应

  25. 25

    如何使用Material UI的阴影?

  26. 26

    React-Material UI与Reactstrap

  27. 27

    使用Material UI进行日历

  28. 28

    Material UI中缺少组件

  29. 29

    React和Material Ui入门

热门标签

归档