最小值和最大值 Reactstrap 输入类型日期(日历)
Min and Max value Reactstrap Input Type Date (Calendar)
我想在我的网站上添加一个日历来进行预约,显然,我需要进行预约,从今天到未来。我如何使用 Reactstrap 组件做到这一点?在文档上找不到。
正在导入日历:
import { Input } from "reactstrap";
<Input
type="time"
className="form-control"
id="time-start-input"
value={startTime}
onChange={(e) => {
setTime(e.target.value);
}}
/>
如何设置 minValue 以接收紧接该日期之后的日期?
例如:
minValue={today}
然后,禁用过去。
关于 Reactstrap Datepicker 的文档,你可以使用 minDate :
https://reactstrap-date-picker.afialapis.com/#mindate
<FormGroup>
<Label>My Date Picker</Label>
<DatePicker
id = "example-datepicker"
minDate={"2016-05-19T12:00:00.000Z"}
<FormText>Help</FormText>
</FormGroup>
我想在我的网站上添加一个日历来进行预约,显然,我需要进行预约,从今天到未来。我如何使用 Reactstrap 组件做到这一点?在文档上找不到。
正在导入日历:
import { Input } from "reactstrap";
<Input
type="time"
className="form-control"
id="time-start-input"
value={startTime}
onChange={(e) => {
setTime(e.target.value);
}}
/>
如何设置 minValue 以接收紧接该日期之后的日期? 例如:
minValue={today}
然后,禁用过去。
关于 Reactstrap Datepicker 的文档,你可以使用 minDate : https://reactstrap-date-picker.afialapis.com/#mindate
<FormGroup>
<Label>My Date Picker</Label>
<DatePicker
id = "example-datepicker"
minDate={"2016-05-19T12:00:00.000Z"}
<FormText>Help</FormText>
</FormGroup>