Bootstrap 3 datetimepicker events not firing up

javascript jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-datetimepicker
writeToBhuwan picture writeToBhuwan · Mar 19, 2014 · Viewed 79.9k times · Source

I am using Bootstrap 3 DateTimePicker and I am trying example 8 (Linked datetimepicker).

Calender is showing as per the needs but the events like dp.change, dp.hide, dp.show are not firing up.. What could be the problem? Any help?

EDIT: Please note that I've included all necessary files like Bootstrap js, bootstrap css, Moment.js and datetimepicker js and css files.

Answer

itsmejodie picture itsmejodie · Apr 3, 2014

This may seem silly, but did you check you're using the same bootstrap-datetimepicker.js plugin that you're referring to in your question?

There are two versions I know of which are very similar:

  1. The version you provided in your question: http://eonasdan.github.io/bootstrap-datetimepicker/
  2. A slightly different version: http://www.eyecon.ro/bootstrap-datepicker/

The first version responds to change.dp, while the second version responds to dp.change.

Just check the comments at the top of the bootstrap-datetimepicker.js to see which one you're using.

Related questions

Bootstrap: Open Another Modal in Modal

So, I'm using this code to open another modal window in a current opened modal window: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> What happens is, that for …

Read More
Multiple modals overlay

I need that the overlay shows above the first modal, not in the back. I tried to change the z-index of .modal-backdrop, but it becomes a mess. In some cases I have more than two modals on the same page.

Read More
Dynamically change bootstrap progress bar value when checkboxes checked

I'm trying to make a dynamic checklist with bootstrap progress bar. Here's my markup code <div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> </div> </div> <div …

Read More