Question

我目前正在使用Ionic v1（以及AngularJS）开发应用程序。我在表单中显示一个简单的按钮，单击该按钮将打开本机日期选择器。我知道<input type="date">会触发Android或IOS的原生日期选择器。所以我试图制作的是一个隐藏的输入字段和一个调用函数来触发点击的按钮。

然而，像： angular.element(document.querySelector(elementClassName)).triggerHandler('click');

或者

angular.element('#elementIdName').triggerHandler('click');

似乎没有工作，或者至少不会聚焦并触发datepicker另外我发现使输入聚焦（使用简单的指令）确实聚焦输入但不触发本机模态。（此时输入字段也不会隐藏，因此无法解决问题）。以下代码：

<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;
    }`

我已经看了很长一段时间但到目前为止似乎没有任何工作。任何人都可以告诉我一些有关原生日期选择器以及如何触发它的信息。欢迎提出所有建议。

Answer 1

如果你添加了jquery

$('#elementIdName').focus()

或者

angular.element(document.)

在日期输入上触发Ionic中的单击

1 个答案: