如何为 Material-ui TextField 设置默认日期 Type=date

Question

我刚刚开始使用 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？

Answer 1

看起来它应该与 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>
  );
}