【问题标题】:Trigger a click in Ionic on a date input在日期输入上触发 Ionic 中的单击
【发布时间】:2016-12-01 12:44:14
【问题描述】:

我目前正在使用 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;
    }`

我已经环顾了很长时间,但到目前为止似乎没有任何效果。谁能告诉我有关本地日期选择器以及如何触发它的信息。欢迎所有建议。

【问题讨论】:

    标签: angularjs cordova ionic-framework datepicker


    【解决方案1】:

    如果你添加了 jquery

    $('#elementIdName').focus()

    或者

    angular.element(document.)

    【讨论】:

    • 我已经尝试过angular.element 然后专注。使用指令时焦点有效,但不会触发移动设备上的本机日期选择器。 JQuery 不是一个选项,因为 Ionic 可以与 AngularJs 一起使用,所以我只有 JQLite 的优势。还是谢谢
    猜你喜欢
    • 2018-07-27
    • 2021-09-05
    • 1970-01-01
    • 1970-01-01
    • 2014-05-21
    • 2020-09-16
    • 1970-01-01
    • 2011-06-13
    相关资源
    最近更新 更多