2016-03-30 23 views
0

私のアプリケーションではかなりuib-datepicker-popupを使用しています。この特定のインスタンスまで完全に機能しています。uib-datepicker-popup:カレンダー表示、ボタンバーボタンは正常に機能しますが、曜日ボタンは表示されません

私はアプリケーションの他のすべてのインスタンスとまったく同じものを使用していますが、半分しか動作しません。

ボトムバーの「今日」、「クリア」、「完了」のボタンは、期待どおりに機能します(「今日」を押すと日付が入力され、カレンダーが非表示になり、「クリア」は入力をクリアしてカレンダーを非表示にします) 「完了」はカレンダーを非表示にします)。

しかし、カレンダーで日付/日を選択すると、その日付はハイライト表示されますが、日付は入力に入力されず、カレンダーは開いたままです。

は、ここに私のhtmlです:

<input type="text" class="form-control" name="convert_date" uib-datepicker-popup="M/d/yyyy" ng-model="vm.case.convert_date" ng-disabled="!vm.isActive" placeholder="m/d/yyyy" is-open="open" ng-click="open = true" ng-focus="open = true" show-weeks="false">

日付ボタンが入力を移入しませんなぜ任意のアイデア?

+0

投稿を編集することはできませんが、これは特定の角度表示と関係しているようです。正確なhtmlは、アプリケーション内の他の場所に貼り付けることができ、完全に動作します。これは、他の誰かがトラブルシューティングするのが容易ではないようなものです。 – mrSpear

答えて

0

ngModelOptionsがここでの犯人でした。これは彼らのイベントを発生し、入力を移入し、隠すことができることから、日/日付ボタンを防止

ng-model-options="{ updateOn: 'blur click', debounce: {'blur': 0, 'click': 0} }"

:私は次のように、それは私のアプリケーションのこの領域で、ビュー全体のために設定していましたカレンダー。

私はそうのような私のUIB-DatePickerの-popup要素の属性として直接ngModelOptionsの別のインスタンスを追加することによって、私の問題を解決する:これはデフォルトのモデルの振る舞いをリセット

<input ng-model-options="{ updateOn: 'default' }" name="convert_date" uib-datepicker-popup="M/d/yyyy" type="text" class="form-control" ng-model="vm.case.convert_date" ng-disabled="!vm.isActive" placeholder="m/d/yyyy" is-open="open" ng-click="open = true" ng-focus="open = true" show-weeks="false">

datepickerが正しく機能するように設定します。

関連する問題