Disable setting of focus for jQuery UI datepicker

jquery mobile jquery-mobile jquery-ui-datepicker
black666 picture black666 · Aug 2, 2011 · Viewed 32k times · Source

There is an option with the jQuery UI datepicker to only open the datepicker when a button image is clicked. See the following for an example:

http://jqueryui.com/demos/datepicker/#icon-trigger

The problem is that the focus is in the textfield as soon as the datepicker opens. Is it possible to disable the setting of the focus?

When using a page like the above on a mobile device like an iPhone, the keyboard pops up because the textfield gains the focus. This is not really userfriendly since you have to close the keyboard to actually get to the datepicker and use it...

Answer

Michal Shulman picture Michal Shulman · Jun 30, 2013

set input to ReadOnly

<input type="text" id="datePicker" readonly>

Related questions

Difference between jQTouch and jQuery mobile

What is the difference between jQTouch & jQuery Mobile Framework ? Are they related (other than being both based on jQuery) ? Do they have the same goal ? Edit: jQTouch is now jQT

Read More
jQuery Mobile loading message

When I linked jQuery Mobile to my page, some sort of loading message appeard in the bottom of the page and I can't get a rid of it. I've tried $.mobile.pageLoading(true) but it didn't work. How should I …

Read More
Horizontal scroll - Mobile - swipe?

Can anyone please recommend the best way to trigger a horizontal Jquery scroller using swipe gesture? We have a working web version which we would like to implement onto our Android site, but dont know the best way to approach …

Read More