Datepicker在页面加载时显示日历

Question

我在文本框中使用以下代码来包含datepicker并将其设置为当前日期：

$(function() {
    $("#datepicker").datepicker({
        dateFormat: "dd-mm-yy"
    }).datepicker("setDate", "0");
})

虽然这会将datepicker的值设置为当前日期，但它也会在后台显示日历，如下所示：

日历甚至没有附加到datepicker字段，它只是在后台显示。为什么这种令人毛骨悚然的行为以及我该如何解决？

Answer 1

您最初可以使用CSS隐藏它：

.ui-datepicker {
    display:none;
}

Fiddle

datepicker会在必要时强制显示。有关更多信息，请参阅this duplicate post。

注意：“正如TheSuitIsBlackNot指出的那样，如果您使用默认的jQuery UI主题之一，则datepicker不会显示在页面加载上。”

Answer 2

您可以使用脚本解决页面加载时的日期选择器显示问题

$(function() {
$('.ui-datepicker').css('display','none');
$("#datepicker").datepicker({
    dateFormat: "dd-mm-yy"
}).datepicker("setDate", "0");
})

http://jsfiddle.net/3hA5n/1/