Question

我正在尝试在我的应用程序中实现此日期选择器： https://www.npmjs.com/package/react-date-picker

我已经像这样初始化了组件：

        <Grid item xs={7}>
            <DatePicker
                name="Date"
                value={this.getDate}
                onChange={this.handleDateChange}
            />
        </Grid>

值函数返回日期，如下所示：

  getDate = () => {
    const dateToday = Service.todaysDate //service returns a string so we convert
      return new Date(dateToday)
}

但是我得到了没有任何意义的打字错误！

Type '() => Date' is not assignable to type 'Date | Date[] | undefined'.   Type '() => Date' is missing the following properties from type 'Date[]': pop,

我是新来的反应者，对此我很难弄清楚。任何帮助表示赞赏。谢谢。

Answer 1

您应该将值与实际的js变量绑定而无法运行。此外，事件应绑定到lambda表达。因此，在您的render（）函数中，您应该添加

let date = this.getDate();
return  (<Grid item xs={7}>
        <DatePicker
            name="Date"
            value={date}
            onChange={(event) => this.handleDateChange(event)}
        />
    </Grid>);

Answer 2

您可以尝试 react-single-calendar ，它是一个非常新的库，我正在使用它，它还提供了设计上的灵活性。

     npm i react-single-calendar

这里是link

反应日期选择器将不接受日期

2 个答案: