2011-04-01 3 views
9

날짜를 입력하는 입력란이있는 확인 상자가 있습니다. 확인 상자가 나타나면 입력 상자에 포커스가 있습니다. 어떻게 초점을 맞출 수 있습니까? 입력 필드를 클릭하면 캘린더를 드롭 다운해야합니다. 여기 내 관련 코드 :Jquery를 사용하여 확인 상자의 입력란에서 cuser의 초점을 푸는 방법?

$(".confirmLink").click(function(e) { 
    e.preventDefault(); 
    var targetUrl = $(this).attr("href"); 
    document.getElementById('dialog').focus(); 
    $("#dialog").dialog({ 
     buttons : { 
      "OK" : function() { 

       window.location.href = targetUrl+"/"+"deletedDate"+"/"+document.getElementById('deletedDate').value; 
      }, 
      "Cancel" : function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 

    $("#dialog").dialog("open"); 
}); 

function datepicker(){ 
    $("#deletedDate").datepicker(
    { 
     dateFormat: 'yy-mm-dd', 
     changeMonth: true, 
     changeYear: true, 
     showAnim: "slideDown" 
    }); 
} 

+0

는이 http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html – diEcho

+0

u는 u는 다운로드 곳에서 날짜 선택기 링크를 작성해야합니다, 당신의 필요에 관한 문서가 ㄱ 있어야 읽기 – diEcho

답변

14

이 트릭을 수행해야합니다

.blur(); 

(지적 된 바와 같이 -이 충분하다)

+0

자신의 코드를 테스트하십시오. Blur가 여기에서 사용되는 표준이며 작동합니다. 포커스 아웃이 작동하지 않으며 이벤트가 발생하지 않습니다. –

+0

gotcha - .blur() 만 사용 했으므로 혼자 남겨 두었어야했습니다. –

+0

어디에서 .blur()를 사용해야합니까 ?? – Yasitha

4

당신을 이벤트로 흐림을 유발할 수도 있습니다.

document.getElementById('dialog').trigger('blur'); 

또는

$('#dialog').blur(); 
+2

.trigger() *는 * jQuery 함수입니다. –

+0

감사합니다. Valentin, edited. – Raghav

0

사용 흐림() 이벤트.

document.getElementById("dialog").blur(); 
관련 문제