Angular JSとJQuery datepicker

Question

私のbirthdateフィールドはdatepicker関数を使ってJQueryで作成されました。その後、ng-showを使用してAngularJSによって必要なフィールド検証が行われます。エラーメッセージは削除されません。

<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

AngularJSは、この変更を知らない、あなたはAngularJSは、新しい変更を確認し、適用するために$scope.$apply()を呼び出す必要があります。しかし、この変更を適用し、AngularJS inprogエラーを回避するには、$timeoutを使用する必要があると思います。詳細はhereです。

ここは私のONLINE DEMOです。このヘルプが欲しい！

Answer 2

JQueryと角度はそれぞれparadigmaticallyです。

jQueryのようなクエリセレクタが必要な場合。角度からはbuilt in jQueryを使用してください。

日付ピッカーの場合は、Ui-bootstrap.を使用してください。これは100％角度互換です。これらのエラーは表示されません。

あなたはjQueryのを使用するが必要場合、UI-ブートストラップhere.

でこのスニペットで見てください。

すべて$scopeの属性に値を更新します

$scope.$apply() 

：すべての瞬間、あなたは、角度があなたが角度のダイジェストを更新する必要があり、「見て」いることを任意の属性をチャンス。

ただし、絶対に$apply()を使用しないことをおすすめします。私は jQueryも使用しないように提案します。 jQueryの日付ピッカーが<input>に変更を適用