Réagissez l'utilisation de js datetimepicker à l'intérieur du composant

Question

Je suis un débutant à recatjs.J'ai besoin de créer un champ de saisie avec datetimepicker en utilisant boostrap, car j'utilise boostrap datetimepicker cdn lien et je ne sais pas comment appeler à l'intérieur du composant et récupère les valeurs de datetimepicker dans la méthode componentdidmount. Veuillez me fournir une solution.

Answer 1

je peux vous aider à réagir datepicker il est si facile à installer et à l'utilisation

vous pouvez l'installer par cette commande

NPM i --save réagis-datepicker

npm je --save moment

et ceci est mon code je l'ai essayé et l'utilise toujours, et avec la sauvegarde de la valeur de date dans la fonction handleChange comme le suit c ode

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 

pour plus d'informations sur ce lien https://github.com/Hacker0x01/react-datepicker