반응형
JQuery UI Datepicker 필드의 수동 입력을 비활성화하려면 어떻게 해야 합니까?
JQuery UI Datepicker 스크립트를 사용하여 날짜를 선택하기로 했습니다.다음은 제 코드의 일부이며, PHP 페이지에 통합한 방법입니다.
<link type="text/css" href="css/south-street/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Datepicker
$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
</script>
그리고:
// date picker (embeds JQuery script)
echo '<label for="datepicker">Date: </label>';
echo '<input type="text" name="datepicker" id="datepicker" />';
echo '<div id="datepicker"></div>';
거의 JQuery UI 지침에 따릅니다.
여기서 궁금한 것은 텍스트 입력 필드에서 수동 입력을 비활성화하려면 어떻게 해야 합니까?JQuery Datepicker 스크립트만 텍스트 필드에 입력할 수 있으면 됩니다.현재 스크립트는 사용자가 텍스트 필드에 숫자가 아닌 문자를 입력할 수 없도록 하고 있지만 숫자의 조합은 허용됩니다(따라서 "95460829468"과 같은 횡설수설은 허용됩니다).
입력할 때는 읽기 전용으로 설정합니다.
<input type="text" name="datepicker" id="datepicker" readonly="readonly" />
쓰기 가능한 것처럼 보이게 하려면 style="background:white;"를 추가해야 합니다.
<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly" style="background:white;"/>
언급URL : https://stackoverflow.com/questions/4164542/how-to-disable-manual-input-for-jquery-ui-datepicker-field
반응형
'programing' 카테고리의 다른 글
| 표의 열 순서를 걱정할 이유가 있나요? (0) | 2022.10.30 |
|---|---|
| JavaScript .protype은 어떻게 동작합니까? (0) | 2022.10.30 |
| MySQL 8에서 Maria로 대용량 데이터베이스 마이그레이션DB (0) | 2022.10.20 |
| 등록 후 사용자 자동 인증 (0) | 2022.10.20 |
| Composer에서 특정 커밋을 올바르게 요구하여 종속 패키지에서 사용할 수 있도록 하려면 어떻게 해야 합니까? (0) | 2022.10.20 |