JQuery DatePicker UI顯示格式

Question

我在我的項目中使用JQuery DatePicker，除了它在屏幕上的實際佈局外，它非常有效。我將日期範圍限制爲60天，因此顯然將日曆限制爲4個月。問題是，它正在顯示長度的方式，並走出瀏覽器，所以我想知道是否有辦法實際改變顯示：

月|月|月|月

至

月|月

月|月

下面是我使用的那一刻什麼代碼：

$(function(){ 
    $('#dp').datepicker({ 
     dateFormat: 'yymmdd', 
     numberOfMonths: 4, 
     minDate: 0, 
     maxDate: 60, 
    }); 
    $('#date').on('click', function() { 
     $('#dp').datepicker('show');    
    }); 
    $("#dp").change(function() { 
     var tempDate = $('#dp').datepicker('getDate'); 
     var newformattedDate = $.datepicker.formatDate('D d M yy', tempDate); 
     $("#showDate").html(newformattedDate); 
     $(".eventDate").addClass('eventAdded dateProvided'); 
    }); 
}); 

Answer 1

試想一下，在documentation for numberOfMonths：

NUMBEROFMONTHS

• 類型：Number或Array
• 默認值：1

一次顯示的月數。支持多種類型：

• Number：要顯示在單個行中的月數。
• Array：一個數組，定義要顯示的行數和列數。

代碼示例：

初始化日期選擇與指定的NUMBEROFMONTHS選項：

$(".selector").datepicker({ numberOfMonths: [ 2, 3 ] });