javascript - 增加月数时 jquery datepicker 中的奇怪显示格式

Question

当我将 numberOfMonths 参数设置为较高值(例如 6)时，日期选择器显示看起来很奇怪，因为背景延伸得比它应该延伸的远得多。在这里查看我的示例 jsfiddle:

http://jsfiddle.net/zw3z2vjh/

在示例中，我使用 1 行和 6 列将月数强制为 6:

$(function() {
    $( "#datepicker" ).datepicker({
        showButtonPanel: false,
        numberOfMonths: [1,6],
        changeMonth: true,
        changeYear: true,
        maxDate: new Date(2014,08,11),
        minDate: new Date(2006, 0, 1)
    });
});

知道如何解决这个问题以使背景合适吗？

Answer 1

我不知道日期选择器发生了什么，但修复起来很简单。在“#datepicker .ui-date-picker”上设置宽度。

#datepicker .ui-date-picker {
    width: 75em !important;
}

看看我从你那里 fork 出来的这个 fiddle : http://jsfiddle.net/j5t52kke/