jquerymobilehideinputboxdatebox

JQuery Mobile Datebox - How to remove the input box and show only the inline calendar?

Good Day all,

I want to use datepicker to show the user particular dates that an event falls on. My game plan is to use datepicker as inline, show that it always shows and to pass the high lighted dates to it. My question is, how can I hide the input box, so the user only sees the calendar? Alternatively, the user could click a button to show the calendar, but I don't want them to be able to select a date.

Thanks Mike

Solution

  • this helps:

    .ui-input-datebox { width: 40px; border: 0; background: transparent; padding: 0;margin: 0; box-shadow: none;}
.ui-input-datebox input {display: none;}