Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.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 今天如何禁用';使用日期选择器选择日期-物料界面_Javascript_Reactjs_Datepicker_Material Ui - Fatal编程技术网

Javascript 今天如何禁用';使用日期选择器选择日期-物料界面

Javascript 今天如何禁用';使用日期选择器选择日期-物料界面,javascript,reactjs,datepicker,material-ui,Javascript,Reactjs,Datepicker,Material Ui,我正在使用react项目,我想禁用今天的日期,因为该项目基于制造产品、产品到期日期和账单。 由于生产日期和到期日期不能相同,我想禁用到期日期的今天日期。我看到可以使用道具minDate,maxDate,但是可以使用相同的道具禁用今天的日期吗? 下面是我的代码 <MuiPickersUtilsProvider utils={MomentUtils}> <KeyboardDatePicker autoOk={true}

我正在使用react项目,我想禁用今天的日期,因为该项目基于制造产品、产品到期日期和账单。 由于生产日期和到期日期不能相同,我想禁用到期日期的今天日期。我看到可以使用道具
minDate,maxDate
,但是可以使用相同的道具禁用今天的日期吗? 下面是我的代码

      <MuiPickersUtilsProvider utils={MomentUtils}>
            <KeyboardDatePicker
              autoOk={true}
              variant='inline'
              inputVariant='outlined'
              format={dateFormat}
              fullWidth
              name='expirationDate'
              value={expirationDate}
              onChange={ (date) => handleDate(date)}
              placeholder={dateFormat}
              size='small'
              disableFuture={true}
              views={['date', 'month', 'year']}
            />
          </MuiPickersUtilsProvider>

handleDate(日期)}
占位符={dateFormat}
大小='small'
disableFuture={true}
视图={['date','month','year']}
/>

是的,这可以使用JavaScript日期方法和道具
minDate、maxDate来完成

maxDate={today.setDate(today.getDate() - 1)}
首先使用

const today = new Date();
maxDate
prop中,将今天的日期减去1,得到昨天的日期,并将其命名为
maxDate

maxDate={today.setDate(today.getDate() - 1)}
因此,您的完整代码将

<MuiPickersUtilsProvider utils={MomentUtils}>
            <KeyboardDatePicker
              autoOk={true}
              variant='inline'
              inputVariant='outlined'
              format={dateFormat}
              fullWidth
              name='expirationDate'
              value={expirationDate}
              onChange={ (date) => handleChangeDate(date)}
              placeholder={dateFormat}
              size='small'
              disableFuture={true}
              views={['date', 'month', 'year']}
              maxDate={today.setDate(today.getDate() - 1)}
            />
          </MuiPickersUtilsProvider>

handleChangeDate(日期)}
占位符={dateFormat}
大小='small'
disableFuture={true}
视图={['date','month','year']}
maxDate={today.setDate(today.getDate()-1)}
/>