jquery - 如何使用 jQuery 使文本框只读，并在单击时显示日历？

Question

我有 3 个文本框的女巫，我想将其更改为只读。当您单击文本框时，会出现一个日历，您可以在其中选择日期。这就是我想要的，但用户也可以输入日期，我希望将其删除，因为它是一个 ipad 应用程序，然后调出键盘。

有人可以告诉我如何将文本框设置为只读吗？

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

如果这是错误的方法，请给我一个好的重定向。

提前致谢；)

Answer 1

工作演示 http://jsfiddle.net/h9bFb/5/ 或 http://jsfiddle.net/6JAYJ/2/

希望这有帮助；

代码

  $(function () {

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

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

            });
​

或

 $(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'/>