时间戳

首页 > 解决方案 > React Date-Picker 不接受日期

reactjs - React Date-Picker 不接受日期

问题描述

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

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

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

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

  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,

我是新来的反应，我很难弄清楚这一切。任何帮助表示赞赏。谢谢你。

标签： reactjstypescriptdatepickermaterial-ui

解决方案

您应该将值与实际的 js 变量绑定，这不起作用。此外，事件应该绑定到 lambda 表达式。所以在你的 render() 函数中你应该添加

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

推荐阅读