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>

当输入被克隆时，日期选择器没有在它上面初始化。请参阅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 回答