3

重複の可能性:
jQuery UI datepicker のクローンを作成する際の問題

jQuery に問題がありdatepickerます。div私はクローンを持っています。これには、jQueryがアタッチさdivれた要素が含まれています。inputdatepicker

この要素を単純に複製するdatepickerと、複製された要素で機能しません。これを修正するにhasDatepickerは、複製された入力要素からクラスを削除し、メソッドを再初期化する必要がありましたdatepicker。

複製された要素に日付ピッカーが表示されるようになりましたが、日付を選択するたびに、日付が開いたフィールドではなく「元の」入力フィールドに配置されdatepickerます...

この問題を解決する方法を知っている人はいますか..?

ここにデモがあります: http://jsfiddle.net/4VQkg/

単純に要素を複製し、複製されたinputフィールドから日付を選択してみてください。inputデータが目的のフィールドに配置されないことがわかります。

4

1 に答える 1

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();
    });
});
于 2012-11-14T14:54:36.613 に答える