javascript - 如何在不单击“取消”按钮的情况下关闭 Ionic2 Datetime 弹出窗口

Question

在 Ionic 2 项目中，我需要让用户在某个空闲超时后注销。这样做时，我注意到在调用注销事件并重定向到登录页面之前我无法关闭 Datetime 弹出窗口。我需要在重定向到登录页面之前关闭该弹出窗口。下面是我正在处理的代码示例

<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);

我相信这会成功!!