jqueryの日付ピッカーは

私は日付ピッカーなど、すべてのオリジナルおよび添付の要素を作るためにしようとしていますが、唯一のオリジナルは、私はこのコードが、入力の次の行を試してみましたjqueryの日付ピッカーは

作品だけではない通常の入力として表示されます追加要素では動作しません。 jqueryのdatepickerは、あなたに解決策のおかげできがあることを願っています。

ここに私のコードです。

<html> 
<head> 
    <title></title> 
</head> 
<script type="text/javascript"> 


$(document).ready(function(){ 

    $(".inputdate").datepicker({ 


    }); 

    $(".samplebtn").click(function(){ 

     $(".samplediv").append("<input class='inputdate' type='text' name='date'>"); 

    }); 

}); 

</script> 

<body> 
    <div class="samplediv"> 
     <input class="inputdate" type="text" name="date"> 
    </div> 
    <button class="samplebtn">Add</button> 
</body> 
</html>

出典

2017-03-22 Samuel Marvin Aguilos

バインド後、ダイナミックアイテムの再初期化日付ピッカー。

$(".samplebtn").click(function(){ 
     $(".samplediv").append("<input class='inputdate' type='text' name='date'>"); 
     $('.samplediv').find(".inputdate").datepicker({ 

       }); 

    });

出典

2017-03-22 06:34:53

これは問題なく動作しますが、appendやDOM要素の変更のために 'promise（）'や 'done（）'がなければ、特に巨大な変更の場合にはこれが厳しいと思います。 –

これらの新しい要素には、.datepicker()を添付する必要があります。

$(".samplediv") 
.append("<input class='inputdate' type='text' name='date'>") 
.promise() 
.done(function() { 
    $(this).find('.inputdate').datepicker({ ... }); 
});

・ホープ、このヘルプ：ご.append()スクリプトのためにこれを試してみてください。：D

出典

2017-03-22 06:35:05

このコードはどこにコピーしますか？追加のクリック機能の中に？ –

あなたの '$（" .sampleediv "）を変更するだけです。append（" "）;あなたの '$（" samplebtn "）の中にあります。click（function（）{' –

答えて

関連する問題