javascript - datePicker を使用したブートストラップ バリデーターを使用した日付検証

Question

日付を検証しようとしていますが、直面している問題は、最初に日付を選択するときに簡単に検証されることです。

しかし、日付ピッカーからもう一度日付を選択しようとすると、再度検証されません。再検証を試みましたが、うまくいきませんでした。

datetimepicker も使用してみましたが、結果は同じでした。

JavaScript

$(document).ready(function() {
      $('#datePicker')
        .datepicker({
          format: 'dd-mm-yyyy'
        })
        .on('changeDate', function(e) {
          // Revalidate the date field
          $('#defaultForm').data('bootstrapValidator').revalidateField('loc_date');
        });
      $('#defaultForm').bootstrapValidator({
          message: 'This value is not valid',
          //        live: 'disabled',
          feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
          },
          fields: {
            loc_date: {
              message: 'The Date is not valid',
              validators: {
                date: {
                  format: 'dd-mm-yyyy',
                  message: 'The value is not a valid date'
                }
                /*,
                  notEmpty: {
                  message: 'The Date is required and can\'t be empty'
                }*/
              }
            }
          });
      });

HTML

<div class="form-group">
  <label class="col-lg-3 control-label">Assign Date*</label>
  <div class="col-lg-5 input-group input-append date" id="datePicker">
    <input type='text' class="form-control" placeholder="dd-mm-yyyy" name="loc_date" />
    <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
  </div>
</div>