3

私は非常に単純な日付ピッカーのセットアップを持っています:

これで<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" media="screen,projection,tv" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" />
<script>
    $(function() {
        $('input.date').datepicker();

        $('button').on('click', function() {
            $('#orig').clone()
                .attr('id', 'else')
                .datepicker()
                .appendTo('body');
        });
    });
</script>

そしてこれで<body>

<input type="date" id="orig" class="date">
<button>duplicate</button>

入力が複製されると、datepicker は初期化されません。http://jsfiddle.net/aMPB2/を参照してください

それの何が問題なのですか？

4

1 に答える 1

8

datepicker要素にマーカー クラス「hasDatepicker」を追加します。クローンから削除する必要があります。

更新されたフィドル

$(function() {
    $('input.date').datepicker();

    $('button').on('click', function() {
        var x = $('#orig').clone()
        .attr('id', 'else')
        .removeClass("hasDatepicker")    // <=== New line
        .appendTo('body')
        .datepicker();
    });
});
于 2013-09-26T21:52:40.483 に答える