jquery datepicker没有处理创建的元素

Mat*_*ula 3 javascript jquery jquery-ui datepicker

我有非常简单的datepicker设置:

这个 <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>
Run Code Online (Sandbox Code Playgroud)

而这在 <body>

<input type="date" id="orig" class="date">
<button>duplicate</button>
Run Code Online (Sandbox Code Playgroud)

当克隆输入时,没有初始化datepicker.见http://jsfiddle.net/aMPB2/

这有什么问题?

T.J*_*der 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();
    });
});
Run Code Online (Sandbox Code Playgroud)