2011-08-12 3 views
4

J'utilise 1.0 PhoneGap pour android. J'ai un formulaire de demande avec plusieurs champs, l'un d'eux est de mettre l'anniversaire. J'ai mis un champ datepicker ce champ, mais quand vous cliquez sur le champ, le clavier apparaît. comment puis-je désactiver le clavier?Comment masquer le clavier sur phonegap android

code comme ci-dessous:

<label> Date: </label> <input id="datepicker" type"text" name="date"/> 
+0

Avez-vous trouvé sa solution? Je suis coincé dans ça. –

Répondre

3

Je ne sais pas ce que la bibliothèque JS que vous utilisez, mais jQuery, vous feriez:

$('#datepicker').focus(function() { 
    this.blur(); 
}); 
+0

Fonctionne !! Merci – faoc

+1

Cela fonctionne si le clavier n'est pas déjà visible. Si c'est déjà montré, connaissez-vous un moyen de le cacher? –

5

Vous pouvez marquer le champ de saisie en lecture seule puis créez une fonction pour un événement onclick pour afficher le marqueur de date.

+0

Grande réflexion! Résolu mon problème complètement. – Neromancer

+0

BTW ... Mon problème était dans Phonegap/Cordova essayant d'arrêter le clavier pop-up avant le datepicker (en utilisant le plugin datepicker). – Neromancer

1

Vous pouvez également utiliser les nouveaux types d'entrée HTML5.

<input type="date" name="bday" /> 

dans Google Chrome i obtenir les éléments suivants:

'Date' HTML5 input type

2

Si vous avez besoin de cacher le clavier sur Android, vous pouvez use this plugin

utiliser comme ça:

plugins.SoftKeyBoard.hide(function() { 
    // success 
},function() { 
    // fail 
}); 
0

Cela a fonctionné pour r moi et sauvé ma tête de grattage excessif!

var hideKeyboard = function() { 
    document.activeElement.blur(); 
    $("input").blur(); 
}; 

La solution a été trouvée here, où vous pouvez trouver une solution non jQuery.

Questions connexes