Javascript ReactJs-格式化日期和时间

我在这里找到了react datepicker：

我的字段如下所示：

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChangeDate}
    dateFormat="yyyy-MM-dd"
/>

handleChangeDate = date => {
    this.setState({
        startDate: date
    });
    console.log('Start Date:' + this.state.startDate)
    this.FormatDate()
};

2020-06-29T20:46:42Z

在

手柄

中选择“今天日期”时，我的控制台提供以下信息：

Mon Jun 29 2020 15:36:30 GMT-0700 (Pacific Daylight Time)

我在表单中使用的日期选择器，在保存表单时，出于某种原因，它的存储方式如下：

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChangeDate}
    dateFormat="yyyy-MM-dd"
/>

handleChangeDate = date => {
    this.setState({
        startDate: date
    });
    console.log('Start Date:' + this.state.startDate)
    this.FormatDate()
};

2020-06-29T20:46:42Z

如何将

startDate

格式化为类似以下内容

6/29/2020 3:45PM

。我正在尝试使用一个名为

momentjs

的库，该库位于以下位置：。如果有更好的方法，我不需要使用此库，但以下是我到目前为止所拥有的：

FormatDate() {
    console.log('In moment loop' + this.state.startDate);
    let FormatstartDate = moment(this.state.startDate).format("yyyy-MM-dd");
    console.log('Moment' + FormatstartDate);
}

---

从react datepicker git存储库复制了描述。使用此最新的react datepicker替换momentjs

回购链接：

直到版本1.8.0，这个包都使用Moment.js。从v2.0.0开始，我们切换到使用date fns，它使用本机日期对象来减小包的大小。如果您正在从1.8.0切换到2.0.0或更高版本，请参阅上面的更新示例，查看示例网站以获取最新示例

或者，您可以直接使用JavaScript执行此操作：

var ts = new Date("2020-06-29T20:46:42Z").toLocaleDateString('en-ca');

您还可以使用ECMAInternationalAPI转换日期时间格式。

---

谢谢您的帮助。