How to hide keyboard on phonegap android

Question

I am using 1.0 PhoneGap for android. I have an application form with several fields, one of them is to put the anniversary. I put a datepicker that field, yet when you click on the field, the keyboard appears. how can I disable the keyboard?

Code as below :

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

Did you find its solution? i am stuck in this. – Deepika Lalra Jun 26 '13 at 06:17 — Deepika Lalra, Jun 26 '13 at 06:17

score 5 · Answer 1 · answered Jan 24 '12 at 19:05

5

You can mark the input field as read only and then create a function for an onclick event to display the datepicker.

answered Jan 24 '12 at 19:05

blong824

3,590
13
48
72

Great thinking! Solved my problem completely. – Neromancer Sep 04 '12 at 19:11
BTW... My problem was in Phonegap/Cordova trying to stop the keyboard poping up before the datepicker (using the datepicker plugin). – Neromancer Sep 04 '12 at 19:18

score 4 · Answer 2 · answered Aug 12 '11 at 20:25

4

Not sure what JS library you're using, but in jQuery, you'd do:

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

answered Aug 12 '11 at 20:25

ceejayoz

165,698
38
268
341

1

This works if the keyboard is not already visible. If it's already shown, do you know a way to hide it? – Yoh Suzuki Dec 01 '11 at 02:20

VoVaVc · Answer 3 · 2013-01-15T20:44:38.803

3

If you need to hide keyboard on android you can use this plugin

use it like that:

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

edited Jan 15 '13 at 20:44

answered Aug 16 '12 at 08:43

VoVaVc

673
1
10
29

Link is broken. – Dilawar Apr 01 '19 at 12:19

score 1 · Answer 4 · answered Aug 15 '12 at 11:26

1

Alternatively you could use the new HTML5 input types.

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

in Google Chrome i get the following:

'Date' HTML5 input type

answered Aug 15 '12 at 11:26

Søren Lorentzen

810
1
11
26

score 1 · Answer 5 · answered Jan 12 '15 at 19:29

1

This worked for me and saved my head from excessive scratching!

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

The solution was found here, where you can find a non jQuery solution.

answered Jan 12 '15 at 19:29

David Reinberger

540
3
11

How to hide keyboard on phonegap android

5 Answers5

Linked