ipad web application: How do I prevent the keyboard from popping up on jquery datepicker

Question

I have a form with an date field with a jquery datepicker attached to it.

When I select the date field the datepicker pops up but then the iPad keyboard slides into

Answer 1

If you're using the date-timepicker the 'beforeShow' option is not available. Only adding the 'readonly' attribute to the input filed will completely disable the date picker.

Solution is to use the 'readonly' attribute on the element and add 'ignoreReadonly: true' as an option for the date picker.

$(function() {
     $('#datetimepicker1').datetimepicker({
	format: 'MM-DD-YYYY',
	minDate: moment(),
	ignoreReadonly: true
     });
});