反應js datetimepicker組件內使用

Question

我是recatjs.s新手我有一個需要創建一個輸入字段與datetimepicker使用boostrap，因爲我使用的是boostrap datetimepicker cdn鏈接，我不知道如何調用內部組件和在componentdidmount方法中獲取datetimepicker的值。 請給我一個解決方案。

Answer 1

我可以幫你反應日期選擇器是很容易在安裝和使用

你可以通過這個命令進行安裝

NPM我--save反應，日期選擇器

npm我 - 保存的時刻

這是我的代碼我試過了，總是使用它，並在handleChange函數中保存日期值，如下c頌

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