development

JQuery UI Datepicker 필드에 대한 수동 입력을 비활성화하는 방법은 무엇입니까?

big-blog 2020. 8. 15. 09:52
반응형

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

반응형