單擊自定義按鈕時調用日期選擇器視圖

Question

我將此庫用於日期選擇器。 我試圖按自定義按鈕打開日期選擇器。 這是我的默認輸入，效果很好。

<input name="pickerFromDate" date-time ng-model="model[options.key]" id="pickerFromDate" min-view="month" class="edb-input input-group-input"
 placeholder="{{to.placeholder}}" max-date="maxDate" date-change="changeMinValue" format="MMM DD, YYYY" validation="required"
 watch-direct-changes="true" />

這是我的自定義按鈕，單擊此按鈕，我想打開日歷視圖，就像我單擊輸入一樣。

<button type="button" class="btn btn-default" ng-click="setFocus($event);">
    <i class="fa fa-calendar"></i>
</button>

在我的指令控制器中，我聲明了此功能

$scope.setFocus = function(data) {
    let input = $(data.target).closest('.cv-form-section').find('input');
    input.click();
};

我找到了輸入，但是觸發“單擊”或“焦點”事件會導致錯誤。

Error: [$rootScope:inprog] $apply already in progress

Answer 1

1. 將$timeout導入控制器頭設置
2. 用它：

 $scope.setFocus = function(data) { let input = $(data.target).closest('.cv-form-section').find('input'); $timeout(function(){ input.click(); }) };