我是recatjs的新手。我需要使用boostrap创建一个带有datetimepicker的输入字段,因为我正在使用boostrap datetimepicker cdn链接,我不知道如何在组件内部调用并在componentdidmount方法中获取datetimepicker的值。请为我提供解决方案。
问问题
4253 次
1 回答
2
我可以帮助您反应日期选择器,安装和使用非常容易
你可以通过这个命令安装它
npm i --save 反应日期选择器
npm i --保存时刻
这是我的代码,我尝试过并始终使用它,并将日期值保存在 handleChange 函数中,如下代码
import React, { Component } from 'react'
import DatePicker from 'react-datepicker';
import moment from 'moment';
class About extends Component {
constructor (props) {
super(props)
this.state = {
startDate: moment()
};
this.handleChange = this.handleChange.bind(this);
}
handleChange(date) {
this.setState({
startDate: date
});
}
render() {
return (
<div >
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
peekNextMonth
showMonthDropdown
showYearDropdown
dropdownMode="select"
/>
</div>
)
}
}
export default About
有关更多信息,请点击此链接 https://github.com/Hacker0x01/react-datepicker
于 2017-05-29T13:02:23.373 回答