2016-08-15 17 views
0

私のangularjsアプリでは、jquery datepicker内にdivを使用しています。初めて、私はページをロードするとき、それは完全に正常に動作しますが、その後、私は、これはng-showを使用してDIV隠し、再びそれを表示するためにjQuery datepickerは一度しか動作しません。

<div class="col-md-6" ng-show="!viewMode"> 
    <input type="text" readonly focus-me="{{ DateOfBirthFocus }}" id="DateOfBirth" name="DateOfBirth" ng-model="DateOfBirth" placeholder="01-jan-1991" class="form-control date-picker" ng-keydown="DateOfBirth_KeyDown($event)" ng-blur="DateOfBirthFocus=false;" required> 
</div> 

必要に応じて、日付ピッカーは動作しません。カレンダービューは開きません。私はthis solutionを試しましたが、それは私を助けませんでした。私は何が間違っているのか、何が欠けているのか推測します。

何か助けていただければ幸いです。

+0

あなたは働くplunkr/fiddleを提供できますか –

答えて

0

おそらく、これは、jQueryの初期化時にDOM要素が使用できないためです。この問題を回避するためのディレクティブを追加します。

myApp.directive('datePickerFoo', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, element) { 
      $(element).datepicker(); 

      // And optionally add based on your given link 
      if (!$.datepicker.initialized) { 
       $(document).mousedown($.datepicker._checkExternalClick); 
       $.datepicker.initialized = true; 
      } 
     } 
    } 
}); 

は角のUIチームによって書かれたui-bootstrapライブラリを使用することを検討してください。これにはjQueryの依存関係は必要ありません。

関連する問題