Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在datetime本地文本字段中禁用距离当前日期1年以上的日期_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 如何在datetime本地文本字段中禁用距离当前日期1年以上的日期

Javascript 如何在datetime本地文本字段中禁用距离当前日期1年以上的日期,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我的目标是禁用过去几天以及从当前日期起超过1年的时间,它在过去几天内有效,但从当前日期起无法禁用超过1年的时间,我已经尝试过,但没有成功 代码如下: <TextField variant="outlined" id="datetime-local" label="Select Date and Time" placeholder="Select Date and Time" type=&qu

我的目标是禁用过去几天以及从当前日期起超过1年的时间,它在过去几天内有效,但从当前日期起无法禁用超过1年的时间,我已经尝试过,但没有成功

代码如下:

<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,
  }}
  inputProps={{
    min: new Date().toISOString().slice(0, 16),
  }}
  onChange={this.HandleChange}
/>


例如:今天的日期是2021年4月15日,则应基于当前日期(即2022年4月15日)启用1年日期。
有人能帮我解答这个问题吗?谢谢提前

您可以通过以下方式创建
maxDate

并使用
inputProps
中的
max

inputProps={{
  min: d.toISOString().slice(0, 16),
  max: maxDate.toISOString().slice(0, 16)
}}

请参阅问题。@nearhuscall-我已经给了max:new Date.getFullYear(),但它不起作用
new Date()。getFullYear()
返回一个年份号,您需要将其转换回
Date
。看一下第二个答案。@nearhuscall-谢谢你在这个问题库中的帮助!这项工作:)
inputProps={{
  min: d.toISOString().slice(0, 16),
  max: maxDate.toISOString().slice(0, 16)
}}