将日期保存到基础 |在 Ant Design 的 Date Picker 中格式化日期

Question

我想将日期保存到我的基地，格式如下：“1983 年 9 月 29 日”，但我得到：“Thu Jun 28 2018 14:44:33 GMT+0300”。我做错了什么？

const dateFormat = "D MMMM YYYY";

class Create extends Component {
  constructor(props) {
    super(props);
    this.state = {
      date_created: moment()
    };

    this.handleDateCreatedChange = this.handleDateCreatedChange.bind(this);
  }

    fetch("http://localhost:8000/invoices", {
      method: "post",
      body: JSON.stringify({
        date_created: this.state.date_created
      })
    })
  }

  handleDateCreatedChange(event) {
    console.log(event);
    this.setState({ date_created: event.toString() });
  }

  render() {
    return (
       <DatePicker style={{ width: 630 }}
                   value={moment(this.state.date_created, dateFormat)}
                   format={dateFormat}
                   onChange={this.handleDateCreatedChange}
       />

.....等等

Answer 1

您必须将值格式化为：

fetch("http://localhost:8000/invoices", 
    {
        method: "post",
        body: JSON.stringify(
            {date_created: this.state.date_created.format('D MMMM YYYY')} // format date here
        )
    }
)

handleDateCreatedChange(event) {
    console.log(event);
    // No need to format
}

render() {
    ...
    <DatePicker 
        ...
        value={this.state.date_created}
        ...
    />
    ...
}