React datepicker 解析选择的日期
React datepicker parsing selected date
我有以下组件:
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;
当我 select 来自日期选择器的任何日期时,我得到以下格式:
日期:2019 年 5 月 15 日,星期三 12:54:33 GMT+0100(英国夏令时间)
能否将其解析回如下格式:
2019-05-15/yyyy-mm-dd
因为我需要它以那种格式提交以供 API 调用?
是的,最简单的方法是使用已建立的库,例如 momentjs。
然后你可以将日期解析成任何你喜欢的格式:
date = moment(date).format("YYYY-MM-DD")
我有以下组件:
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;
当我 select 来自日期选择器的任何日期时,我得到以下格式:
日期:2019 年 5 月 15 日,星期三 12:54:33 GMT+0100(英国夏令时间)
能否将其解析回如下格式:
2019-05-15/yyyy-mm-dd
因为我需要它以那种格式提交以供 API 调用?
是的,最简单的方法是使用已建立的库,例如 momentjs。
然后你可以将日期解析成任何你喜欢的格式:
date = moment(date).format("YYYY-MM-DD")