title: Bootstrap datepicker and bootstrap validator
body: <p>I am using the bootstrap datepicker from <a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="noreferrer">here</a> and the bootstrap validator from <a href="http://bootstrapvalidator.com/" rel="noreferrer">here</a>. Also I am using bootstrap v3.1.1. </p>
  
  <p>After selecting a date from datepicker the validator does not react. It works just when I use the keyboard to enter a date.</p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;form id="myForm" method="POST"&gt; 
     &lt;div class="col-lg-3"&gt;
       &lt;div class="form-group"&gt;
          &lt;input name="endDate" type="text" class="datepicker form-control"&gt;
       &lt;/div&gt;
     &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>In .js file I added:</p>
  
  <pre><code>$(document).ready(function () {
    $('.datepicker').datepicker();
  )};
  </code></pre>
  
  <p>and for validators:</p>
  
  <pre><code>$(document).ready(function () {
      $('#myForm').bootstrapValidator({
          feedbackIcons: {
              valid: 'glyphicon glyphicon-ok',
              invalid: 'glyphicon glyphicon-remove',
              validating: 'glyphicon glyphicon-refresh'
          },
          fields: {
              endDate: {
                  validators: {
                      date: {
                          format: 'DD/MM/YYYY',
                          message: 'The format is dd/mm/yyyy'
                      },
                      notEmpty: {
                          message: 'The field can not be empty'
                      }
                  }
              }
          }
      });
  });
  </code></pre>