2012-11-14 4 views
3

가능한 중복 :
problem when cloning jQuery UI datepicker의 jQuery 날짜 선택기 - 복제 요소에 대한 최신

는 내가 jQuery를 datepicker에 문제가 있습니다. 나는 div을 복제했습니다. 이 div에는 input 요소와 jQuery datepicker이 포함되어 있습니다.

단순히이 요소를 복제하면 datepicker이 복제 된 요소에서 작동하지 않습니다. 이 문제를 해결하려면 복제 된 입력 요소에서 hasDatepicker 클래스를 제거하고 datepicker 메서드를 다시 초기화해야했습니다.

이제 날짜 선택기는 복제 된 요소에 나타납니다,하지만 난 날짜를 선택할 때마다, 다음 날은 ...

누구나 어떤 대신 datepicker을 연 필드의 "원래"입력 필드에 배치됩니다 아이디어 내가 어떻게이 문제를 해결할 수 ..? http://jsfiddle.net/4VQkg/

단순히 요소를 복제하고 복제 input 필드 프론 날짜를 선택하려고 :

여기 데모가 문제입니다. 데이터가 원하는 input 필드에 배치되지 않습니다.

답변

4

이 시도,

데모 : http://jsfiddle.net/4VQkg/3/

코드 :

function initGui() 
{ 
    $('.date-iso8601').datepicker(); 
} 

$(function() { 
    initGui(); 

    $('.clone').click(function() { 
     var clone = $('.datepicker').clone(); 

     var cloneObj = clone.find('.date-iso8601'); 
     cloneObj.removeClass('hasDatepicker').removeAttr('id'); 

     clone.appendTo('.elements'); 


     $(cloneObj).datepicker(); 
    }); 
}); 
+1

훨씬 깔끔한 –

+1

감사와 코드가 잘 작동 업데이트! – w00