如何关闭Ionic2日期时间弹出窗口，而无需点击取消按钮

Question

在Ionic 2项目中，我需要在特定的空闲超时后退出用户。虽然这样做，我注意到我无法在调用注销事件并重定向到登录页面之前关闭日期时间弹出窗口。 我需要在重定向到登录页面之前关闭该弹出窗口。 下面是代码示例中，我的工作就

<ion-datetime (ionCancel)="onCancelDateTime()" [(ngModel)]="dateTime"> 

</ion-datetime> 

的（ionCancel）事件被触发时关闭弹出。

有没有办法以编程方式调用此事件的触发？

或者是否有另一种方法来关闭此日期时间弹出？

Answer 1

目前没有正式记录的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); 

我相信这将做的工作！