2

読み取り専用に変更したいテキストボックスの魔女が3つあります。テキストボックスをクリックすると、日付を選択できるカレンダーが表示されます。これは私が望む方法ですが、ユーザーは日付を入力することもできます。これはiPadアプリであるため削除してからキーボードを表示します。

テキストボックスを読み取り専用に設定する方法を教えてもらえますか?

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

これが間違ったアプローチである場合は、適切なリダイレクトをお願いします。

前もって感謝します ;）

4

3 に答える 3

3

動作デモ 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'/>
于 2012-05-28T10:26:41.883 に答える
0

jQuery UI カレンダーを試してみてください。ここで、構成するすべてのオプションを取得します。 http://jqueryui.com/demos/datepicker/

于 2012-05-28T10:14:06.570 に答える
0

これを試して

$('#AdvertiserSignDate').keydown(function(event){
  return false;
});
于 2012-05-28T10:14:31.720 に答える