Question

I have 3 textbox’s witch i would like to change to readonly. At the moment when you click on the textbox’s a calendar appears where you can select a date. This is how i want it, but the user can also type in a date, i want this removed as it is a ipad app and then brings up the keyboard.

Could someone show me how to set my textbox’s to readonly?

$('#AdvertiserSignDate').attr('readonly', true);
$('#ContinentalSignDate').attr('readonly', true);
$('#WitnessSignDate').attr('readonly', true);

If this is the wrong approach could you please give me a good redirection.

Thanks in advance 😉

Answer 1

Working demo http://jsfiddle.net/h9bFb/5/ or http://jsfiddle.net/6JAYJ/2/

Hope this helps;

code

  $(function () {

                $("#fromDate, #toDate").datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    numberOfMonths: 1

                }).attr('readonly','true');

            });
​

OR

 $(function () {

                var dates = $("#fromDate, #toDate").datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    numberOfMonths: 1

                });

            });

html

<label for="from">From</label>
<input type="text" id="fromDate" name="fromDate" readonly='true'/>
<label for="to">to</label>
<input type="text" id="toDate" name="toDate" readonly='true'/>