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