jquery-ui-datepicker - Datepicker 第一次无法正常工作

Question

我面临一个问题，即 Datepicker 第一次无法正常工作，即第一次打开页面并单击“from”/“to”输入字段时，datepicker 打开但我无法选择日期，因为我收到错误控制台：“此日期选择器的未捕获的缺失实例数据”。但是当我刷新页面时，它完美地工作！

为什么会发生这种情况？

---

这是我的代码：

$('.datepicker').live('focus',function(){
            $(this).datepicker({
                defaultDate : "+1w",
                changeMonth : true,
                numberOfMonth : 1,
                dateFormat: 'dd-mm-yy'
            });
        });

你能说在这里使用'.live'方法是否正确？

Answer 1

我猜你正在这样做

$("#datepicker").click(function(){
$(this).datepicker({ dateFormat: 'yy-mm-dd' }).val();
});

可能只有这对我有用

$(function() {
$("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }).val();
});

如果它用于多个输入，则只需使用类名而不是 id。

Answer 2

你可以试试这个

$('body').on('focus',".datepicker", function(){
    $(this).datepicker();
});​

Answer 3

让它第一次显示你可以在点击内部执行此操作：

$("#datepicker").datepicker().datepicker( "show" )

Answer 4

$('.datepicker').on('focus',function(){
        $(this).datepicker({
            defaultDate : "+1w",
            changeMonth : true,
            numberOfMonth : 1,
            dateFormat: 'dd-mm-yy'
        });
    });

尝试这个