title: Datepicker Bootstrap: detecting only when it clicked on the date
body: <p>I'm using datepicker for bootstrap from this site <a href="http://www.eyecon.ro/bootstrap-datepicker" rel="nofollow">http://www.eyecon.ro/bootstrap-datepicker</a></p>
  
  <p>I want to alert the date value when it clicked on date. I have these codes:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="datepicker" class="input-append date pull-right" data-date-format="dd-mm-yyyy" data-date="12-02-2012"&gt;
      &lt;input class="span2" type="text" value="12-02-2012" size="16" style=" width:95px;"&gt;&lt;/input&gt;
      &lt;span class="add-on"&gt;&lt;i class="icon-th"&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$('#datepicker').datepicker();
  $('#datepicker').datepicker().on('changeDate', function(){
      alert($(this).data('date'));
  });
  </code></pre>
  
  <p>It's works, but when i click month or year, it's also alerting. How do i fix this? Thanks</p>