如何在不单击“取消”按钮的情况下关闭Ionic2日期时间弹出
如何在不单击“取消”按钮的情况下关闭Ionic2日期时间弹出
提问于 2017-07-28 05:18:49
在一个Ionic 2项目中，我需要在某个空闲超时之后使用户注销。在这样做时，我注意到在调用注销事件和重定向到登录页面之前，无法关闭日期弹出。在重定向到登录页面之前，我需要关闭弹出窗口。下面是代码示例i的工作内容
<ion-datetime (ionCancel)="onCancelDateTime()" [(ngModel)]="dateTime">
</ion-datetime>关闭弹出窗口时会触发(ionCancel)事件。
是否有一种以编程方式调用此事件触发的方法？
或者还有其他方法来关闭这个约会时间弹出窗口？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-28 05:47:42
目前，还没有官方记录的Ionic 3方法以编程方式关闭日期时间选择器。
但是，我们可以使用Javascript 'dispatchEvent‘方法来触发对日期时间选择器的“取消”按钮的单击。
以下是如何做到这一点：
// Get the reference to the clear button of Datetime picker.
var pickerClearButton = document.getElementsByClassName("picker-button")[0];
// Create a click event to be triggered
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
// Trigger the event
pickerClearButton.dispatchEvent(clickEvent);我相信这能完成任务！！
Stack Overflow用户
发布于 2018-07-09 14:57:44
解决:在html元素中添加
<ion-datetime #dateTime .....></ion-datetime>在主计长中：
@ViewChild("dateTime") dateTime : DateTime;
// close function :=>
// you can use this function in a timeout if you like to close it that way
public closeDateTimeModal():void {
this.dateTime._picker.dismiss();
}测试过了它的工作情况。干杯!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45365383
复制相关文章
相似问题
腾讯云开发者
