Comment s'inscrire aux événements de changement de valeur sur & lt; input type = date & gt; sur iOS

Je suis en train de créer une entrée HTML5 composant de date pour que je puisse profiter de la native iOS date/heure sélecteur et je suis en utilisant jquery. J'ai le code suivant pour générer le composant:

  var $inputDate = $("<input></input>");
  $inputDate.attr("type", "date");
  $inputDate.attr("value", "2004-05-03");
  $inputDate.change(function(event)
  {
    console.log("value changed");
  });

Le code est en cours d'exécution à l'intérieur d'un webkit composant dans une application native. Le contrôle de saisie s'affiche très bien et je peux modifier la valeur à l'aide du sélecteur. Cependant, le changement de fonction n'est pas déclenché lorsque je change la valeur et de rejeter le sélecteur. Lorsque je l'exécute dans une page web dans google Chrome, les choses fonctionnent comme prévu. Comment puis-je faire ce travail sur iOS?

source d'informationauteur Mirza Dobric | 2012-03-16

  1. 23

    Le onblur fonction est appelée lorsque la date/l'heure sélecteur est rejeté. Donc cela fonctionne:

    var $inputDate = $("<input></input>");
$inputDate.attr("type", "date");
$inputDate.attr("value", "2004-05-03");
$inputDate.blur(function(event)
{
  console.log("value changed");
});

    Dans les versions récentes de Chrome (Chrome et Android):

    • l'événement onchange est appelée lorsque la date est choisie
    • l'événement onblur n'est pas invoquée lorsque la liste déroulante est rejetée, seulement une fois que le contrôle perd le focus du clavier

    Voici un exemple montrant l'événement qui est généré en utilisant un JavaScript: http://jsbin.com/iximuy/4