title: get click event from date clicked on datetimepicker bootstrap
body: <p>I'm using datepicker for bootstrap from this site <a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow">https://eonasdan.github.io/bootstrap-datetimepicker/</a></p>
  
  <p>I'm trying to capture click from date clicked at the beginning when input is empty.
  the problem with dp.change is that the first click event is captured when I click on calendar icon.
  If I put the click on td.day it dosen't work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){  
    $(function () {
      $('#datetimepicker').datetimepicker({
        format:'YYYY-MM-DD',
         locale: 'en'
      });
    }); 
    $(".datepicker .datepicker-days td.day").click(function(){
      alert('day clicked'); 
    });
    $("#datetimepicker").on("dp.change", function() {
      alert('calendar icon clicked');
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;
  
  &lt;div class="input-group date reload_element" id="datetimepicker"&gt;
    &lt;span class="input-group-addon reload_element cursor-pointer"&gt;
      &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
    &lt;/span&gt;
    &lt;input type="text" id="start_date" class="form-control reload_element" style="width:100px;" autocomplete="off"/&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>