【发布时间】: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