datepicker（）不适用于动态生成的字段

Question

下面的第一个脚本在单击时将简单文本（在本例中为日期）转换为可编辑字段。然后我想在点击动态生成的字段时弹出datepicker（）日历，但我无法让日历显示给所有人。

<script type="text/javascript">
    $(document).ready(function() {
        var alreadyActive = "";
        $(".editable-date").on("click", function() {
            if(!alreadyActive) {
                OriginalText = $(this).text();
                divValue = $(this).attr('value');
                $(this).html("<form class='edit-date' ><input type='text' class='date_input' value='" + OriginalText + "' /><input type='submit' value='Update' /></form>");
                alreadyActive = "true";
            }
        });
    });
</script>
<script type="text/javascript">
    $(function() {
        $(".date_input").datepicker();
    });
</script>

我也尝试过以下脚本来调用datepicker（）无效。

<script type="text/javascript">
    $(function(){
        $("body").on("click", ".date_input", function() {
            $(this).datepicker();
        });
    });
</script>

Answer 1

你的第二次尝试很接近，应该是：

$(this).datepicker().triggerHandler("focus");