Question

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

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

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

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",
           });
        }
    });

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

Jquery UI Datepicker工作，但无法选择日期

1 个答案: