Question

首先，jQuery日期选择器在执行新页面加载时可以正常运行。但是在我的网站上，我通过Ajax请求加载了所有内容。最初我给每个日期字段一个唯一的ID，当通过ajax加载时一切正常。

（不通过Ajax工作）

<script type='javascript'> jQuery(function() {jQuery('.datepickerclass').datepick({dateFormat: 'yyyy-mm-dd'});});</script>

<input class='Filter datepickerclass' type="text" name="start_date" value=""/>

（通过Ajax工作）

<script type='javascript'> jQuery(function() {jQuery('#start_date').datepick({dateFormat: 'yyyy-mm-dd'});});</script>
<input class='Filter date' type="text" id="start_date" name="start_date" value ="">

我最好的猜测是，由于某种原因，当你重新加载部分内容并绑定到新元素时，datepicker不会重新检查页面（当使用类时），但我不知道如何让它做到这一点？

Answer 1

尝试这种方式。看看问题是否消失（假设您正在使用jQ UI）：

$(function(){
    $('.datepickerclass').on('click', function() {
        $(this).datepicker({showOn:'focus'}).focus();
    });
});

或者在利用现场或委托功能方面发挥作用。希望这有帮助

jQuery datepicker与类无法正常工作

1 个答案: