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} }"

這阻止了日/日期按鈕,從能夠激發他們的活動,並填充輸入和隱藏日曆。

<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">

這重置模型行爲默認:

我加入ngModelOptions的另一個實例直接爲我的UIB,日期選擇器,彈出式元素的屬性,像這樣解決了我的問題設置,以便日期選擇器可以再次正常運行。