微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何禁用 react-admin DateInput 的手动编辑

如何解决如何禁用 react-admin DateInput 的手动编辑

我尝试简单地禁用 react-admin 的 DateInput 的手动编辑。我只是希望能够选择一个日期(绿色)而不是允许用户输入日期(红色) 所以应该以某种方式禁用控件,但仍然可以选择日期。

enter image description here

我尝试了以下但没有成功

import { DateInput } from "react-admin";
<DateInput editable={false} source={'myDate'}></DateInput>

如何实现这一目标?

"react-admin": "3.10.4" "@material-ui/core": "^4.11.2"

来自 package.json 的依赖:

"@material-ui/core": "^4.11.2","@material-ui/icons": "^4.9.1","@material-ui/lab": "^4.0.0-alpha.56","@types/react": "^16.9.0","final-form": "^4.18.5","final-form-arrays": "^3.0.2","final-form-focus": "^1.1.2","final-form-set-field-data": "^1.0.2","final-form-set-field-touched": "^1.0.1","history": "^4.7.2","immutable": "4.0.0-rc.12","lodash": "^4.17.15","prop-types": "^15.6.0","proxy-polyfill": "^0.3.2","query-string": "^6.12.1","react": "^16.13.1","react-admin": "3.10.4","react-app-polyfill": "^1.0.6","react-dom": "^16.13.1","react-final-form": "^6.3.3","react-google-recaptcha-v3": "^1.5.2","react-router-dom": "^5.2.0","react-scripts": "3.4.1","react-time-ago": "^6.2.0","seamless-immutable": "^7.1.3","typescript": "^3.7.0",

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。