Question

我正在尝试在我的网站上添加一个日历来进行约会，显然我需要从今天到未来都做到这一点。我怎样才能用 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}

然后，禁用过去。

Answer 1

关于 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 输入类型日期（日历）

1 个答案: