在日期输入中触发离子的点击

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

我已经环顾四周相当长的一段时间，但似乎没有任何工作至今。任何人都可以告诉我关于本地日期选择器的一些信息，以及如何触发它。欢迎提供所有建议。

来源

2016-12-01 Rennie

，如果您有jQuery的添加

$('#elementIdName').focus()

或者

angular.element(document.)

来源

2016-12-01 13:13:12

我已经尝试过'angular.element'再聚焦。焦点在使用指令时有效，但它不会触发移动设备上的本机日期选择器。 JQuery不是一个选项，因为Ionic与AngularJs一起工作，所以我只有JQLite的超时。不管怎么说，还是要谢谢你 – Rennie

在日期输入中触发离子的点击

回答

相关问题