我刚开始使用 React,我正在尝试使用使用材料的日期选择器
它看起来像这样:
<TextField
name="someDate"
label="Some Date"
InputLabelProps={{ shrink: true, required: true }}
helperText={errors.someDate}
FormHelperTextProps={{ hidden: !this.hasError('someDate') }}
type="date"
error={this.hasError('someDate')}
onChange={this.handleSomeDateChange}
value={values.someDate}
/>
设置:type="date" 为我提供了日期选择器,但它还将默认值的格式覆盖为“dd/mm/yyyy”。我希望默认值是 values.someDate 我已经尝试使用 defaultValue 道具和 value 道具,如上所示,但没有运气。更改标签的唯一方法是删除 type="date" ,这也会删除日期选择器。
如何在渲染时将其设置为 values.someDate?
看起来它应该与 defaultValue 一起使用:
请在这里查看它的工作:https : //codesandbox.io/s/9y6yz462op
const values = {
someDate: "2017-05-24"
};
function App() {
return (
<div className="App">
<TextField
name="someDate"
label="Some Date"
InputLabelProps={{ shrink: true, required: true }}
type="date"
defaultValue={values.someDate}
/>
</div>
);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句