Material-UI：如何禁用日期时间本地文本字段中的先前日期

Question

我的目标是禁用过去的几天，并且不应该允许您选择，我已经尝试过但没有成功。

这是代码：

<TextField
  variant="outlined"
  id="datetime-local"
  label="Select Date and Time"
  placeholder="Select Date and Time"
  type="datetime-local"
  value={this.state.DateTime}
  InputLabelProps={{
    shrink: true,
  }}
  onChange={this.HandleChange}
/>

不知道我哪里错了。任何人都可以帮我解决这个问题吗？

Answer 1

要禁用前一个日期，您可以使用min的属性input。以下是禁止在 之前的日期的方法2021-02-20T00:00：

<TextField
  type="datetime-local"
  inputProps={{
    min: "2021-02-20T00:00"
  }}
/>

要禁用以前的日期，您可以实例化一个新Date对象，该对象默认为当前日期并将其传递给min属性：

<TextField
  type="datetime-local"
  inputProps={{
    // only needs the first 16 characters in the date string
    min: new Date().toISOString().slice(0, 16),
  }}
/>

现场演示