React 中 Material UI DatePicker 中的最小和最大日期

Question

我有一個條件，如果access值為 1，則選擇日期沒有限制。 但是，如果access的值不是 1，那么您只能選擇今天。 我的問題是即使access值為1也不能選擇其他月份，只能選擇當月內。 我怎樣才能解決這個問題？

請在此處查看我的代碼。

<KeyboardDatePicker
  minDate={access !== 1 ? new Date() : ""}
  maxDate={access !== 1 ? new Date() : ""}
  fullWidth
  InputLabelProps={{ shrink: true }}
  inputVariant="outlined"
  id="date-picker-dialog"
  label="Select Date"
  format="MM/dd/yyyy"
  clearable
  value={values.start_date}
  onChange={(val) => {
    setFieldValue("start_date", val);
  }}
  onBlur={handleBlur}
  helperText={touched.start_date ? errors.start_date : ""}
  error={touched.start_date && Boolean(errors.start_date)}
  TextFieldComponent={TextFieldComponent}
/>;

Answer 1

如果您不想添加最小/最大約束，請使用undefined而不是空字符串。

<KeyboardDatePicker
  minDate={!access ? firstDay : undefined}
  maxDate={!access ? lastDay : undefined}
  {...}
/>

現場演示