[jquery] 사용자 입력을 허용하지 않는 텍스트 입력이있는 jQuery Datepicker

텍스트 상자 입력과 함께 jQuery Datepicker를 어떻게 사용합니까?

$("#my_txtbox").datepicker({
  // options
});

사용자가 텍스트 상자에 임의의 텍스트를 입력 할 수 없습니다. 텍스트 상자에 포커스가 있거나 사용자가 클릭 할 때 Datepicker가 팝업되기를 원하지만 텍스트 상자가 키보드 (복사 및 붙여 넣기 또는 기타)를 사용하는 사용자 입력을 무시하고 싶습니다. Datepicker 달력에서 독점적으로 텍스트 상자를 채우고 싶습니다.

이게 가능해?

jQuery 1.2.6
날짜 선택기 1.5.2

답변

<input type='text' id='foo' readonly='true'>

$("#my_txtbox").attr( 'readOnly' , 'true' );

$("#my_txtbox").keypress(function(event) {event.preventDefault();});

<input type="text" readonly="true" />

$("#my_txtbox").keypress(function(event) {event.preventDefault();});

$("#my_txtbox").attr( 'readOnly' , 'true' );

<input type="text" readonly="true" />

$("#my_txtbox").keypress(function(event) {event.preventDefault();});

$("#txtfromdate").datepicker({         
    numberOfMonths: 2,
    maxDate: 0,               
    dateFormat: 'dd-M-yy'       
}).attr('readonly', 'readonly');