2017-07-28 2 views
1

Dans un projet Ionic 2, j'ai besoin de me déconnecter après un certain délai d'inactivité. Ce faisant, j'ai remarqué que je ne peux pas fermer la fenêtre contextuelle Datetime avant d'appeler l'événement de déconnexion et de rediriger vers la page de connexion. Je dois fermer cette fenêtre avant de la rediriger vers la page de connexion. est Ci-dessous l'exemple de code I Un travail surComment fermer la fenêtre Ionic2 Datetime sans cliquer sur le bouton Annuler

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

</ion-datetime> 

Le (ionCancel) événement est déclenché lorsque fermer la fenêtre.

Existe-t-il un moyen d'appeler le déclenchement de cet événement par programme?

Ou existe-t-il un autre moyen de fermer cette fenêtre contextuelle Datetime?

Répondre

2

Actuellement, il n'existe aucune méthode officielle Ionic 3 pour fermer le sélecteur de date/heure par programmation. Cependant, nous pouvons utiliser la méthode Javascript 'dispatchEvent' pour déclencher un clic sur le bouton 'Cancel' du sélecteur Datetime.

Voici comment faire:

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

Je crois que cela va faire le travail !!

+1

cela a fonctionné pour moi. Merci. –

+0

Fonctionne-t-il également lors de l'exécution de l'application sur ios? Parfois, il est difficile de distribuer des événements sur ios ... – sebaferreras