동적으로 생성 된 텍스트 상자에 datepicker를 표시합니다.

DatePicker에서 날짜를 표시 할 텍스트 상자로 div를 만들려고합니다. 지금까지 동적으로 텍스트 상자 및 datepicker 함께 div 만들 수 있지만 텍스트 상자에 날짜를 표시 할 수있게 오전. 내가 여기서 뭐하는거야?동적으로 생성 된 텍스트 상자에 datepicker를 표시합니다.

코드 :

showdate(){ 
var newDateBoxdiv = $(document.createElement('div')).attr({ class:"EDate", id:"EDate"+i}); 
newDateBoxdiv.html('<input type="text" id="DisplayTextBox">'); 

addDateBox(); 


newDateBoxdiv.insertAfter('.EDate'); 
} 



//Function called inside the above function 
addDateBox(){ 
$('.EDate').find('input[id^="DisplayTextBox"]').each(function() { 

    $(this).datepicker({ 
     showOn: "button", 
     buttonImage: "calendar.png", 
     buttonImageOnly: true 

    }); 
    $(this).datepicker({dateFormat: 'dd-M-y'}); 
    var dateFormat = $(this).datepicker("option", "dateFormat"); 
    $(this).datepicker("option", "dateFormat", 'dd-M-y'); 

});

출처

2012-10-13 shabbir.rang

업데이트 코드가 .. 필자는 newDateBoxdiv 값을 포함하여 코드의 일부 오류를 발견했습니다. 텍스트 상자 DisplayTextBox도 증가하지 않습니다. 대신이 방법을 사용해보십시오.

showdate(){ 
    var edatenum = $('#increment').val(); 
    edateinc = "EDate"+edatenum; //increment the value of your div 
    var displaytextbox = "DisplayTextBox"+edatenum; //of course you have to increment your textbox also 
    $('#increment').val(""+(edatenum+1)); //increment the value of our hidden field 
    var newDateBoxdiv = $('<div class="EDate" id="'+edateinc+'"> <input type="text" id="'+displaytextbox+'"></div>'); 
    newDateBoxdiv.insertAfter(".your_existing_box"); 

    addDateBox(); //im not sure if this method already works? 
} 

<!-- outside of script --> 
<input type='hidden' id='increment' value='1'>

출처

2012-10-13 14:03:56 loQ

http://jsfiddle.net/nick_craver/5Dm7f/1/ 이 피들을 확인하십시오. 그러나 웹에서 동일한 코드를 실행하려고하지만 응답하지 않습니다. 아무것도 작동하지 않습니다. 내 끝을 –

그 작업? 각 날짜 피커에서 날짜를 선택하면 날짜가 필드에 표시됩니까? 뭐가 문제 야? – loQ

나와 함께 잘 작동합니다. 하지만 내 프로젝트에서이 코드를 사용하려고하면 응답하지 않습니다. js 파일을 포함해야합니까? 그렇다면 모두 무엇입니까? –

사용 .live()

http://api.jquery.com/live/

출처

2012-10-13 14:04:19 gtht90

'.live()'는 더 이상 사용되지 않습니다. 사용하지 마십시오. downvotes가 쏟아지기 전에 당신의 대답을 편집하십시오! ': P' –

사용 CSTE 연구진() :

$ (선택) .live (이벤트, 데이터, 핸들러); // jQuery 1.3+

$ (document) .delegate (selector, events, data, handler); // jQuery 1.4.3+

$ (document) .on (events, selector, data, handler); // jQuery 1.7+

출처

2014-01-22 10:02:41

동적으로 생성 된 텍스트 상자에 datepicker를 표시합니다.

답변

관련 문제