我是反应新手。我需要使用反应日期选择器 https://github.com/Hacker0x01/react-datepicker
当我更改日期时,我想获取输入的值。
如果我点击 2017 年 10 月 20 日,我想将 2017 年 10 月 20 日放入我的变量中。
但主要问题是我应该使用组件,而不是输入。
在我刚刚从状态中获取价值之前。就像 this.state.value 一样。但现在它是处于状态的对象(Moment)。并且该对象没有值字段。
有我的代码:
export default class DatePicker extends Component {
constructor (props) {
super(props);
// this.props.date should looks like "29 November 2017 00:00"
// second argument for moment() it is format of date, because RFC 2822 date time format
this.state = {
date: moment(this.props.value, 'LLL')
};
}
handleChange = (date) => {
// const valueOfInput = this.state.date <--- I want string with date here
console.log('this.state.date',this.state.date);
this.setState({date: date});
};
render() {
return <Form.Field>
<Label>
<Picker
selected={this.state.date}
onChange={this.handleChange}
dateFormat="LLL"
locale={this.props.language}
/>
</Label>
</Form.Field>
只需使用这个:
handleChange = date => {
const valueOfInput = date.format();
///...
};
因为这datepicker
返回一个moment.js
object!
有关更多信息,请查看 moment.js文档在这里 https://momentjs.com/docs/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)