bootstrap-4: Cannot read property '_options' of undefined

Hello, For some reason, when there is one simple javascript error (not related with tempusdominus) this script generates one error when clicking in the input field to open the picker (No Icon demo used).

Error : tempusdominus-bootstrap-4.js:2762 Uncaught TypeError: Cannot read property ‘_options’ of undefined at HTMLInputElement.<anonymous> (tempusdominus-bootstrap-4.js:2762) at HTMLDocument.dispatch (jquery.js:5206) at HTMLDocument.elemData.handle (jquery.js:5014) at Object.trigger (jquery.js:8201) at Object.simulate (jquery.js:8260) at HTMLDocument.handler (jquery.js:8319)

HTML :

No Icon (input field only):
<div class="container">
    <div class="row">
        <div class="col-sm-6">
            <input type="text" class="form-control datetimepicker-input" id="datetimepicker5" data-toggle="datetimepicker" data-target="#datetimepicker5"/>
        </div>
    </div>
</div>

Javascript :

console.log(notAvailableVar);  

$(function () {
  $('#datetimepicker5').datetimepicker();
});

https://jsfiddle.net/seltix/vtfks15z/1/

About this issue

Original URL
State: open
Created 6 years ago
Reactions: 10
Comments: 21

Commits related to this issue

fix #193 from comment in the discussion just made a fork with the patch from https://github.com/tempusdominus/bootstrap-4/issues/193#issuecomment-465649868 so i can use this repo in npm. — committed to altimore/bootstrap-4 by altimore 5 years ago
Added fix for Issue #193 — committed to ouija/tempusdominus-bootstrap-4 by ouija 5 years ago

Most upvoted comments

try this

<div class="input-group date datepickers" id="ass_date" data-target-input="nearest">
	<label for="assessment_date" class="col-md-4 col-form-label arterix">Assessment Date</label>
	<input id="assessment_date" name="assessment_date" type="text" data-target="#ass_date" data-toggle="datetimepicker" 
         class="form-control col-md-6 datetimepicker-input assessment-date-keypress" data-target="#ass_date" 
         autocomplete="off" required>
</div>

then add this code(JS)

$(.datepickers).datetimepicker({});

hope can help 😃

satriaWork on Nov 19, 2020

Edited the library as suggested by @coltonf93 as shown below to stop getting _options when input was focused without icon. Hopefully, this fix will be included in the main branch soon.

Still haven’t found a fix for ‘isSame’ undefined errors when the date is deleted from the input box and datetimepicker is focused again.

ikarthikng on Feb 20, 2019

having the same issue here, did you find a solution?

la55u on Sep 30, 2018

Had an issue similar to this, where it kept saying cannot read property of undefined. Turned out I had accidentally included the library 2 times within that page (one in _Layout.html and one in my actual page.)

david-offord on Oct 16, 2019