クローンjQuery入力の日付ピッカー要素

Question

jQueryの日付ピッカーを使用していて、入力要素を複製したいとします。 jQueryコードは、日付ピッカーではなく、静的な要素を複製するときにうまく機能しているようです。

$(function(){ 
    var $button = $('.datepicker-input--checkin').clone(); 
    $('.package').html($button); 
}); 

$(function(){  
    $('#thedate').datepicker({ 
     dateFormat: 'dd-mm-yy', 
     altField: '#thealtdate', 
     altFormat: 'yy-mm-dd' 
    }); 
}); 

示した電界：

<input id="thedate" type="text" class="datepicker-input--checkin" /><br /> 

非表示フィールド：

<input id="thealtdate" type="text" class="datepicker-input--checkin" /><br /> 
<input id="thesubmit" type="button" value="Submit" /> 

<div class="package"> 
</div> 

Fiddle:

Answer 1

入力をクローニングした後、再度日付ピッカーを初期化する必要があります以下のコードです入力に

あなたは日付ピッカーを有することが意図入力にクラス datepickerを追加した後、（クローニング後）日付ピッカーを初期化する使用していることを行うことができ

：https://jsfiddle.net/txqepe36/3/

：

$(".package .datepicker").datepicker({ 
    dateFormat: 'dd-mm-yy', 
    altField: '#thealtdate', 
    altFormat: 'yy-mm-dd' 
}); 

ここで更新フィドルです両方の入力に日付ピッカーコントロールがあると予想されるクラスdatepickerがあるので、要素IDを使用して日付ピッカーの初期化を削除することで、コードをさらに単純化することができます。あなたが入力するdatepickerクラスを追加する必要があります

$(function() { 
    var $button = $('.datepicker-input--checkin').clone(); 
    $('.package').html($button); 

    $(".datepicker").datepicker({ 
    dateFormat: 'dd-mm-yy', 
    altField: '#thealtdate', 
    altFormat: 'yy-mm-dd' 
    }); 
}); 

注：

あなたのJSコードは次のように単純化することができます。

<input id="thedate" type="text" class="datepicker-input--checkin datepicker" /> 

ここでフィドルです：：だから、のようになりますhttps://jsfiddle.net/txqepe36/4/