反应日期选取器给出错误的值

Question

我正在构建一个应用程序，我正在使用react-datepicker，但是我的组件有一个奇怪的行为。所选日期显示错误的格式。这是我正在使用的：

this.state={
   selectedDate: moment().format(),
}

和

<DatePicker selected={this.state.selectedDate}/>

问题是组件显示以下值："52//02/2019/"。

似乎该组件正在计算到一年中的当前日期已经过去了多少天。我也尝试过时刻（）.格式（'DD/MM/YYYY'），但没有成功。任何帮助都将不胜感激。谢谢。

Answer 1

您应该尝试这样格式化（两种格式都是相同的）：

value ={moment(this.state.startDay).format('DD/MM/YYYY')}
format="DD/MM/YYYY"

Answer 2

好吧，我发布这个作为答案，以显示什么对我有用。我认为这太大了，不能成为评论。

所以我设定:

this.state={selectedDate:moment().format()}

在我使用的组件中:

<DatePicker selected={this.state.selectedDate} 
   dateFormat={moment(this.state.selectedDate).format('DD/MM/YYYY')}/>

通过这种方式，我可以更改所选日期并获取当前日期值而不是天数。但是，我仍然不确定这个解决方案有多棒。至少目前它对我有用。希望它能帮助其他人。

Answer 3

对我来说，当我使用moment()时，它是有效的。格式(' DD MM YYYY ')表示内部，中间没有任何'/'。尝试以下代码:

    this.state = {
        startDate: moment().format('DD MM YYYY')
    };