title: Detect Changes Made to Input Field by Bootstrap Datetimepicker
body: <p>I set my input field so that when user clicks on it, a <a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow">Bootstrap Datetimepicker</a> is shown. I want to calculate something based on the date that is being entered in that input field through the datetimepicker.</p>
  
  <p>I have thus defined my calculating function as:</p>
  
  <pre><code>$("#dob").on("input change bind", function (e) {
          //calculate age here.
      });
  </code></pre>
  
  <p>"dob" is the id for the input box. Datetimepicker correctly enters the datetime to the field. Code:</p>
  
  <pre><code>$('#dob').datetimepicker({
              format: 'YYYY-MM-DD',
              showClose: true
          });
  </code></pre>
  
  <p>Curiously, this bit of code works if I manually enter the date</p>
  
  <pre><code>$("#dob").change( function () {
          alert('DOB');
      });
  </code></pre>
  
  <p>But it is not called when the date is selected through Bootstrap Datetimepicker. What's causing the problem here?</p>