나는 두 번 클릭하여 datepicker 표시하게한다

나는 datepicker를 보여주는 jquery 코드를 만들었지 만 완벽하게 작동하지만 나는 datepicker가 나가게하기 위해 두 번 textbox를 클릭해야한다. 나는 $(document).ready(function()를 사용하여 trid지만, 나 doesnt 일. 그래서이 코드를 만들었습니다나는 두 번 클릭하여 datepicker 표시하게한다

$("[id*=txtDatePO]").live("click",function() { 
     $(this).datepicker({ 
      //buttonImage: '../Images/Icons/calendar_1_icon&16.png', 
      //buttonImageOnly: true, 
      //showOn: 'both', 
      dateFormat: 'yy-mm-dd', 
      inline: true, 
      firstDay: 1, 
      showOtherMonths: true, 
      dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] 

     }); 
    }); 

    $("[id*=txtDelDate]").live("click", function() { 
     $(this).datepicker({ 
      dateFormat: 'yy-mm-dd', 
      inline: true, 
      firstDay: 1, 
      showOtherMonths: true, 
      dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] 
     }); 
    });

사용자가 텍스트 상자를 한 번 클릭하면 캘린더가 한 번 클릭으로 표시됩니다. 감사!

출처

2016-07-14 Jedi Ablaza

음, BTW document ready

$(document).ready(function() { $('#txtDatePO').datepicker({ todayHighlight: true, orientation: "bottom left", autoclose: true }); });

에 있어야합니다, 당신은 document.ready''로 이동합니다. 그 접근 방식으로 정확히 작동하지 않았던 것은 무엇입니까? – Andrei

jQuery live가 대신 사용됩니다 : http://api.jquery.com/on/ – Esko

날짜 선택 도구 요소가 동적으로 추가 되었습니까? –

내가 이해하고있어 경우에 나는 비록 날짜 선택기를 사용한 적이 올바르게 클릭 이벤트가 내장 된 것 같다 : 기존 및 동적에서 테스트하려면 여기를

내가 갈래의 예를의 수정 (생성) 요소 : http://jsfiddle.net/julienetienne/shzwaL7v/1/

var dynamicElement = document.createElement('input'); 
var body = document.getElementsByTagName('result')[0]; 

dynamicElement.id = 'input3'; 
dynamicElement.type ='text'; 
document.body.insertBefore(dynamicElement,$('#input2').get(0)); 

$('#input1').datepicker({ 
    dateFormat: 'dd-mm-yy' 
}); 

$('#input2').datepicker({ 
    dateFormat: 'dd-mm-yy' 
}); 

$(dynamicElement).datepicker({ 
    dateFormat: 'dd-mm-yy' 
}); 



<input id="input1" type="text" /> 
<input id="input2" type="text" />

(document.ready 사용) 또는 .live() 할 이유가 없을 것이다. 페이지로드 후에 코드가 실행되는 한 작동해야합니다.

출처

2016-07-14 10:17:01 Undefined

그것은이 샘플 부트 스트랩 날짜 선택기

출처

2016-07-14 10:35:07 ninja

나는 두 번 클릭하여 datepicker 표시하게한다

답변

관련 문제