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

kq0g1dla  于 2023-06-05  发布在  React
关注(0)|答案(1)|浏览(161)

我有一个条件,其中如果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}
/>;
qco9c6ql

qco9c6ql1#

如果不想添加最小/最大约束,请使用undefined而不是空字符串。

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

现场演示

相关问题