jquery - Jquery UI Datepicker Works，但无法选择日期

Question

我正在使用 Jquery UI datepicker 我正在使用的代码如下

ps_jquery( ".datefield " ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: "-100:+10",
});

这段代码有一半的时间运行良好。当所有具有类 .datefield 的元素最初加载脚本时，脚本工作正常。当我使用 ajax 返回更多元素并重新初始化日期选择器时，之前的一切工作仍然有效。奇怪的是，页面上的新元素使用日期选择器打开，但是在选择日期时它不会填充输入字段。我目前无法找到这个问题的答案，希望有人知道如何解决这个问题。

Answer 1

在 ajax 更新后尝试重新绑定 datepicker。所以你调用 document.ready：

ps_jquery( ".datefield " ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: "-100:+10",
});

//later you do ajax

 $.ajax({
        type: "GET",
        url: 'foo.php',
        data: "id=" + id,
        success: function(data) {
           //then rebind datepicker:
           ps_jquery( ".datefield " ).datepicker({
           changeMonth: true,
           changeYear: true,
           yearRange: "-100:+10",
           });
        }
    });

这是将您的日期选择器逻辑和选项放入函数中并在需要时调用该函数的好机会。