Angular JS и JQuery datepicker

Question

Мое поле рождения было создано JQuery, используя функцию datepicker, тогда требуемая проверка поля обрабатывается AngularJS с помощью ng-show, когда я отправляю форму, есть обработка ошибок, но когда я выбираю дату в поле, сообщение об ошибке не удаляется.

<input type="text name="birthdate" id="datepicker" ng-model="birthdate" readonly required > 
    <span id="errordate" ng-show="submitted && form.birthdate.$error.required">*required</span><br> 

<script> 
      $function(){ 
      $('#datepicker').datepicker(); 
     }); 
</script> 

Here is the form look at the birthdate field Пожалуйста, помогите мне спасибо.

Answer 1

Когда JQuery DatePicker применить изменения к <input>, AngularJS не знает этого изменения, вы должны вызвать $scope.$apply() сделать AngularJS проверить и применить новые изменения. Но я думаю, вы должны использовать $timeout, чтобы применить это изменение и избежать ошибки inprog от AngularJS, более подробную информацию here.

Адрес: ONLINE DEMO. Надеюсь, эта помощь!

Answer 2

JQuery и угловые paradigmatically differents.

Если вы хотите использовать jQuery как селектор запросов. Пожалуйста, используйте built in jQuery от углового.

Для выбора даты вы должны использовать Ui-bootstrap. Это 100% угловая совместимость. Вы не увидите этих ошибок.

Посмотрите в этом фрагменте кода с UI-самозагрузки here.

В случае, если нужно использовать JQuery. Каждый момент, когда вы шанс любого атрибута, угловые которые «смотрют» вы должны обновить угловой Дайджест с:

$scope.$apply() 

Где все $scope атрибутов будут обновлять значение.

Однако я настоятельно рекомендую вам не использовать $apply() никогда. I предлагаю вам не использовать jQuery.