I have this page with a booking widget and date picker here:
(Book your stay)
The following code is set to try and prevent the keyboard from coming up on mobile devices when choosing the datepicker.
<script type="text/javascript">
jQuery(function() {
jQuery( ".hasDatepicker" ).hasDatepicker({
}).attr('readonly','readonly');
});
</script>
This is working on desktop but not mobile devices. Does someone know how to prevent the keyboard from popping up on mobile?
Try this (taken from ipad web application: How do I prevent the keyboard from popping up on jquery datepicker ):
$(".datePicker").datepicker({
showOn: 'button',
onClose: function(dateText, inst)
{
$(this).attr("disabled", false);
},
beforeShow: function(input, inst)
{
$(this).attr("disabled", true);
}
});
For others looking for this answer, this is answered here: prevent iphone default keyboard when focusing an <input>
Either of these worked for me - edit the HTML tag as follows, rather than adding JS or jQuery:
<input ... readonly="readonly">
<input ... inputmode='none'>
Simply add the ' readonly ' attribute to the form filed:
<input id="datepicker" type="text" name="name" required="" readonly>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.