jquery - Angular JS和JQuery日期选择器

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和angular是paradigmatically的不同之处。

如果您想要类似查询选择器的jQuery。请从 Angular 使用built in jQuery。

对于日期选择器，您应该使用Ui-bootstrap.。它与 Angular 100％兼容。您不会看到这些错误。

Take a look in this snippet with ui-bootstrap here.

如果您 需要来使用 jQuery jQuery 。每当您碰到任何 Angular 属性都在“监视”时，就必须使用以下方法更新 Angular 摘要:

$scope.$apply()

所有 $scope属性将更新值的位置。

However, I strongly suggest you to don't use $apply() never. I suggest you to not use jQuery as well.