Question

是否有人知道是否可以将jQuery UI Datepicker上显示的月数从桌面上的两个月更改为移动设备上的一个月。

我已经查看了jQuery UI Datepicker选项，但似乎无法找到我正在寻找的答案。

我想要实现的是与http://www.lastminute.com/日期选择器选项相似的东西。

Answer 1

$(function() {
    $("#datepicker-3").datepicker({
        appendText:"(yy-mm-dd)",
        dateFormat:"yy-mm-dd",
        numberOfMonths: 2

    });
});

并在HTML方面

 <p>Enter Date: <input type="text" id="datepicker-3"></p>

但在此之前你必须扩展：

的jquery-ui.css
的jquery-1.10.2.js
的jquery-ui.js

Answer 2

我知道这是一个老话题，但我本人只是遇到了这个问题。 @Irvin我认为您被否决了，因为没有解释如何基于特征检测/媒体查询来实现numberOfMonths值的减少。为此，您需要使用beforeShow选项（您可以将月数保留在原始选项列表之外，因为这样会多余。

我的实现如下：

$('.date').datepicker({
    dateFormat: 'm/d/yy',
    beforeShow: function() {
        if ($(window).width() < 768) {
            return { numberOfMonths: 1 };
        } else {
            return { numberOfMonths: 2 };
        }
     }
});

Answer 3

您可以使用numberOfMonths选项，这是一次显示的月数。

根据功能检测/媒体查询，您可以降低移动浏览器的价值。

代码：

$("#datepicker").datepicker({
    numberOfMonths: 2
});

演示：http://jsfiddle.net/IrvinDominin/4aj9u9sc/

jQuery UI Datepicker的月数

3 个答案: