title: Bootstrap Validator with datepicker does not validate date
body: <p>I am using bootstrap validator to validate a form but I have been unable to get it to validate a text box that gets populated by datepicker.  When I click in the text box, datepicker displays a calendar.  I select a date and the text box gets populated with the selected date (the calendar does not auto-close which is another issue even though I modified the bootstrap-datepicker.js to have autoclose default to yes) but the validator seems to ignore the box.  It never changes to red or green and never gets a check or an x.  Any suggestions?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;%@ Page Language="vb" AutoEventWireup="false" CodeBehind="test_file_upload.aspx.vb" Inherits="ARDirectWithMobile.test_file_upload" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;title id="titleTag"&gt;&lt;%: Page.Title %&gt; 401(k) Account&lt;/title&gt;
  &lt;asp:PlaceHolder runat="server"&gt;
      &lt;%: Scripts.Render("~/bundles/modernizr") %&gt;
  &lt;/asp:PlaceHolder&gt;
      &lt;script type="text/javascript" src="Scripts/jquery-1.10.2.js"&gt;&lt;/script&gt;  
      &lt;script src="Scripts/bootstrap.min.js"&gt;&lt;/script&gt;  
      &lt;link runat="server" id="StyleLink1" rel="stylesheet" type="text/css" href="/Content/bootstrap.css" /&gt;
      &lt;link rel="stylesheet" href="Content/bootstrapValidator.min.css"/&gt; 
      &lt;link rel="stylesheet" href="Content/bootstrap-datepicker.min.css"/&gt; 
      &lt;script type="text/javascript" src="Scripts/bootstrapValidator.min.js"&gt; &lt;/script&gt;
      &lt;script type="text/javascript" src="Scripts/bootstrap-datepicker.min.js"&gt; &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form id="contactForm" runat="server" method="post" class="form-horizontal"&gt;
      &lt;div class="form-group"&gt;
          &lt;label class="col-md-3 control-label"&gt;File Name&lt;/label&gt;
          &lt;div class="col-md-6 bs-example"&gt;
              &lt;input type="file" class="form-control" name="uploadfile" /&gt;
              &lt;asp:Label ID="Label3" runat="server" Text="Navigate to the file you wish to upload" CssClass="label_under_text"&gt;&lt;/asp:Label&gt; 
       &lt;/div&gt;                          
      &lt;/div&gt;
  
      &lt;div class="date-form"&gt;   
          &lt;label class="col-md-3 control-label"&gt;Pay Date&lt;/label&gt;
          &lt;div class="col-md-6 bs-example"&gt;
              &lt;div class="input-group"&gt;
                  &lt;label for="PayDate" class="input-group-addon btn"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;&lt;/label&gt;
                  &lt;input id="PayDate" type="text" class="form-control date-picker" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
      &lt;br /&gt;&lt;br /&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-md-9 col-md-offset-3"&gt;
              &lt;button type="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
      &lt;script&gt;
          $(".date-picker").datepicker();
      &lt;/script&gt;
      &lt;script&gt;
          
          $(document).ready(function () {
              $('#contactForm').bootstrapValidator({
                  feedbackIcons: {
                      valid: 'glyphicon glyphicon-ok',
                      invalid: 'glyphicon glyphicon-remove',
                      validating: 'glyphicon glyphicon-refresh'
                  },
                  fields: {
                      uploadfile: {
                          validators: {
                              notEmpty: {
                                  message: 'You must select a valid payroll file to upload'
                              },
                              file: {
                                  extension: 'txt,xls,csv',
                                  type: 'text/plain,application/vnd.ms-excel,text/csv'
                              }
                          }
                      },
                      PayDate: {
                          validators: {
                              notEmpty: {
                                  message: 'The Pay Date is required and cannot be empty'
                              },
                              stringLength: {
                                  max: 10,
                                  minlength: 10,
                                  message: 'The Pay Date must be 10 characters long'
                              }
                          }
                      }
                  }
              });
          });
      &lt;/script&gt;
      
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>