div가 표시되는지 여부에 따라 텍스트 상자 사용 중지 및 사용 가능

Question

Android 도구에서 문제가되는 캘린더 도구를 사용하고 있습니다. 나는 그것을 동일하게 작동하도록 커스텀 JS를 작성하고있다. 다음은 작동합니다. 텍스트 상자를 클릭하면 캘린더가 팝업되고 텍스트 상자가 비활성화됩니다. 다른 곳을 클릭하면 캘린더가 숨겨집니다. 여기 달력에 숨겨진 DIV

I 활성화/달력이 표시가 있는지 여부에 따라 텍스트 상자를 비활성화 할

: 없음; 또는 디스플레이 : 블록;

Answer 1

테스트하지 않았습니다. 시도해 볼 수 있습니까?

if($('#calendar').css('display') == 'block'){ //if calendar has css display:block; rule 

    $('#textbox').attr('disabled','disabled'); //disable textbox 
    } 

if(!$('#calendar').is('visible')){ //if calendar is hidden , so has css display:none; 

    $('#textbox').removeAttr('disabled'); //enable textbox 

    }