0

I'm using JQuery DatePicker on my project and it's very effective except its actual layout on the screen. I'm limiting the date range to 60 days and therefore obviously limiting the calendar to 4 months. The problem is that it is being displayed length ways and goes outside of the browser so I was wondering if there was a way to actually change the display from:

Month | Month | Month | Month

to

Month | Month

Month | Month

Here's what code I'm using at the moment:

$(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');
    });
});
4

1 に答える 1

0

のドキュメントをnumberOfMonths見てください：

月数

  • タイプ:NumberまたはArray
  • デフォルト：1

一度に表示する月数。複数のタイプがサポートされています:

  • Number: 1 行に表示する月数。
  • Array: 表示する行と列の数を定義する配列。

コード例:

numberOfMonths オプションを指定して datepicker を初期化します。

$( ".selector" ).datepicker({ numberOfMonths: [ 2, 3 ] });
于 2013-10-16T10:34:29.580 に答える