CODEWITHSUNDEEP
javascriptjqueryhtml
newprogress
newprogress

Reputation: 157

jquery datepicker is not working well in mobile

I m designing an application for mobile in which I m using jquery datepicker. I have date textbox and a submit button. The calendar opens on the submit button. But the problem is, when I click on any day of the month, this button gets focus and is clicked instead of chosing that day.

Thanks,

Upvotes: 1

Views: 1586

Answers (1)

ninja
ninja

Reputation: 2263

Do you mean the button under the datepicker gets focused? I had that issue and solved it by adding a callback function to datepicker which would disable all other inputs when it got activated, then re-enable them again on datepicker close.

Check the documentation, datepicker has callbacks for both open and close.

Edit:

Instead of another reply, I'll post here.

When you init your datepicker, you can pass options, including callbacks. These are the two callbacks you want to use, what I've done here is grabbing all inputs in a variabel called "inputs" by $('#containingdiv').find('input'), then beforeShow I add attribute "disabled" to all the inputs, and on close I simply remove this attribute again.

date.datepicker({ 
    beforeShow: function() {
        inputs.attr("disabled","disabled");
    },
    onClose: function() {
        inputs.attr("disabled","");
    }
});

Upvotes: 1

Related Questions