我目前正在使用Ionic v1(和AngularJS)開發應用程序。我在窗體中顯示一個簡單的按鈕,點擊後會打開本機的日期選擇器。我知道<input type="date">
會觸發Android或IOS的本機日期選擇器。所以我試圖做的是一個隱藏的輸入字段和一個會調用一個函數來觸發點擊的按鈕。在日期輸入中觸發離子的點擊
然而,像: angular.element(document.querySelector(elementClassName)).triggerHandler('click');
或者
angular.element('#elementIdName').triggerHandler('click');
不似乎工作,或者至少不會重點和觸發日期選擇器此外,我發現,使輸入集中(使用簡單的指令)確實關注輸入,但不觸發本地模式。 (此時輸入字段也不隱藏,所以不能成爲問題)。這下面的代碼:
<md-input-container>
<label>Date</label>
<input type="date" id="invoice-date" ng-model="invoice.datum" ng-blur="changeDateDialog()" show-focus="changeDate">
</md-input-container>
<md-button class="md-raised _58 _align-right" ng-click="changeDateDialog()">
{{ invoice.datum | date }}
</md-button>
和功能:
$scope.changeDateDialog = function() {
if($scope.changeDate === false) {
$scope.changeDate = true;
} else {
$scope.changeDate = false;
}`
我已經環顧四周相當長的一段時間,但似乎沒有任何工作至今。任何人都可以告訴我關於本地日期選擇器的一些信息,以及如何觸發它。歡迎提供所有建議。
我已經嘗試過'angular.element'再聚焦。焦點在使用指令時有效,但它不會觸發移動設備上的本機日期選擇器。 JQuery不是一個選項,因爲Ionic與AngularJs一起工作,所以我只有JQLite的超時。不管怎麼說,還是要謝謝你 – Rennie