Накидал страничку приложения на Bootstrap, подключаю DatePicker
сначала ругается, что не знает, что такое $
. Установил jQuery
, импортировал. Потом ругается, что не знает, что такое DataTimePicker
, подключил еще какую-то либу, слетела верстка, пытался подключить стили, почему-то не срабатывает ничего.
import React, { Component } from 'react';
import $ from 'jquery';
import datepickerFactory from 'jquery-datepicker';
datepickerFactory($);
class History extends Component {
constructor(props) {}
componentDidMount() {
console.log($);
$("#datetimepicker7").datetimepicker();
$("#datetimepicker8").datetimepicker({
$( function() {
$( "#datepicker" ).datepicker();
} );
$("#datetimepicker7").datepicker();
$("#datetimepicker8").datepicker({
useCurrent: false
});
$("#datetimepicker7").on("dp.change", function (e) {
<section>
<div className="container" style={{marginBottom: 20}}>
<div className="row">
<div className="col-xs-3">
<div className="form-group">
<div className="input-group date" id="datetimepicker7">
<input type="text" className="form-control"/>
<span className="input-group-addon">
<i className="glyphicon glyphicon-calendar"></i>
</span>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Получается что DatePicker
есть, но верстка слетает. Пробовал стили подлкючить из node_modules/bootstrap_datapicker/build/css
, почему-то не срабатывает.
Может кто-нибудь посоветовать как быть в данной ситуации, или может другую библиотеку подсказать, которая в React используется?