Question

我们试图使用jQuery UI 1.7.2和jQuery 1.3.2在标准的jQuery DatePicker控件上并排显示两个月。

不幸的是，日历只会垂直堆叠，副作用是应该的两倍（丑陋！）

以下是我们用来调用它的代码：

$('#element').datepicker({numberOfMonths:2,dateFormat: 'dd-mm-yy',minDate: new Date()});

我们使用标准的jQuery样式表，没有其他样式表影响控件（根据Firebug）。

看起来这应该是一个在jQuery DatePicker项目（http://dev.jqueryui.com/ticket/2898）中修复的CSS问题，但是我们仍然在FF和IE中遇到这个问题。

有关修复的任何想法？谢谢：D

Answer 1

这仍然是FireFox和日期选择器版本4.0.4中的问题。看看1809行附近的javascript源代码（jquery.datepick.js）。代码部分如下所示：

    // Resize
    $('body').append(picker);
    var width = 0;
    picker.find(renderer.monthSelector).each(function() {
        width += $(this).outerWidth();
    });

并从以下位置更改宽度：

var width = 0;

到

var width = 0.5;

对我而言，固定的FireFox（v3.6.x）并排放置，Chrome，IE，Safari等仍然看起来很棒。

Answer 2

这是问题的最佳解决方案...... http://www.filamentgroup.com/examples/daterangepicker_v2/index3.php

经过一些黑客行为后，我能够删除讨厌的菜单，只是显示日期选择器。

具有多个月并排布局问题的jQuery DatePicker

2 个答案: