Question

我正在尝试将所有原始元素和附加元素作为日期选择器，但只有原始作品

我尝试了这段代码，但下一行输入显示为正常输入，而不是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>

Answer 1

绑定动态项目后重新初始化日期选择器。

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

    });
});

Answer 2

您应该将.datepicker()附加到这些新元素上。试试这个.append()脚本：

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

希望这有帮助。：d

jquery datepicker对附加元素

2 个答案: