Bootstrap-Datetimepicker not working with the jQuery 3

Question

Bootstrap-datetimepicker is not working with jQuery 3.1.1. I need to use the same jQuery library to run all the other dependent functions.

Answer 1

As per the docs, the required files for bootstrap datetimepicker to run are :

jQuery

Moment.js

Bootstrap.js

Bootstrap CSS

Bootstrap Datepicker CSS

Locales: Moment's locale files

See this fiddle and check External Resources on the left

Initialize like this

$('#datetimepicker1').datetimepicker();

I have used the following files : jQuery 3.1.1

moment.js

bootstrap.min.css

bootstrap.min.js

bootstrap-datetimepicker.min.css

bootstrap-datetimepicker.min.js

Also, read this installation post in the documentation for better understanding.

Answer 2

I am getting same error.

input.size is not a function TypeError

modify bootstrap-datetimepicker.js line no: 2253

if (input.size() === {

to

if (input.length === 0) {

line no:2264

if (element.find('.datepickerbutton').size() === 0) {

to

if (element.find('.datepickerbutton').length === 0) {

add css

.input-group.date .dropdown-menu{
     display: block;    
 }