Как проверить дату по умолчанию при сохранении в angualrJs с помощью Bootstrap Datetimepicker

У меня есть ввод даты, для которого я использую http://eonasdan.github.io/bootstrap-datetimepicker/ Я проверяю этот ввод в angualrJs.

<form name="myForm" data-ng-submit="save(.$valid)" novalidate="novalidate">
  <label>Date and Time:</label>
     <div class='input-group date id='Time' >
          <input type='text' name="time" ng-model="a.time" class="form-control" data-ng-class="{ 'has-error': myForm.usrCreatnTime.$invalid }" required="required" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
  </div>
   <div data-ng-messages="myForm.time.$error" data-ng-show="myForm.$submitted">
      <div class="error-message" data-ng-message="required">Please enter Time</div>
   </div>
</div>

<button type="submit"><i class="fa fa-save" aria-hidden="true"></i>Save </button>
</form>

Код моей директивы:-

scope.datePicker = function () {
     $('#Time').datetimepicker({
         format: 'YYYY-MM-DD HH:mm:ss',
         showClose: true,
         allowInputToggle: true,
         defaultDate: Date.now(),
         widgetPositioning: {
             horizontal: 'right',
             vertical: 'bottom'
         }
     });
   };

    scope.datePicker();

В чем проблема, я показываю текущую дату по умолчанию в DatePicker. Но при проверке формы все равно отображается ошибка проверки Please enter Time, Модель ng не обновляется при установке даты по умолчанию. Я использовал ng-bind и ng-value, но он все еще показывает ошибку. Может кто-нибудь сказать мне, как решить эту проблему.

0 ответов

Другие вопросы по тегам