反应日期选择器解析选定的日期答案

【问题标题】：React datepicker parsing selected date反应日期选择器解析选定的日期
【发布时间】：2019-05-06 12:06:51
【问题描述】：

我有以下组件：

import React, {Component, Fragment} from 'react';
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
// import PropTypes from 'prop-types';

class Form extends Component {
    state = { 
        selected: new Date()
    }

    handleChange = date => {
        console.log('date: ', date)
        this.setState({
            selected: date
        });
    }

    render() { 
        const {selected} = this.state;
        return (
            <Fragment>
                <form>
                    <DatePicker
                        dateFormat="dd/MM/yyyy" 
                        onChange={this.handleChange} 
                        selected={selected}
                    />
                    <button>search</button>
                </form>
            </Fragment>
        );
    }
}

export default Form;

当我从日期选择器中选择任何日期时，我会得到以下格式：

日期：2019 年 5 月 15 日星期三 12:54:33 GMT+0100（英国夏令时间）

可以将其解析回如下格式：

2019-05-15/yyyy-mm-dd

因为我需要它以该格式提交 API 调用？

【问题讨论】：

标签： javascript reactjs react-datepicker

【解决方案1】：

是的，最容易使用诸如momentjs 之类的已建立库。

然后您可以将日期解析为您喜欢的任何格式：

date = moment(date).format("YYYY-MM-DD")

【讨论】：