Reactjs 组件内部的React js datetimepicker用法

我是recatjs的新手。我需要使用boostrap创建一个带有datetimepicker的输入字段，因为我使用boostrap datetimepicker cdn链接，我不知道如何在组件内部调用并在componentdidmount方法中获取datetimepicker的值。

---

请为我提供一个解决方案。

我可以帮助您使用react日期选择器，它安装和使用非常简单

您可以通过此命令安装它

npm i—保存反应日期选择器

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

import React，{Component}来自“React”
从“react DatePicker”导入日期选择器；
从“力矩”中导入力矩；
类关于扩展组件{
建造师（道具）{
超级（道具）
此.state={
开始日期：时刻（）
};
this.handleChange=this.handleChange.bind（this）；
}
手册更改（日期）{
这是我的国家({
开始日期：日期
});
}
render（）{
返回(
)
}
}
导出默认值关于

有关更多信息，请点击此链接

试试这个：