jQuery Datepick 插件 (Keith Wood) 如何仅显示 2 个月？

Question

有没有办法在日期选择器中只显示 2 个月？我已经设置了日期选择器作为内联版本，显示 2 个月并隐藏月份导航。选择日期后，表单将提交，默认日期将设置为所选日期。这工作得很好。

问题是，当单击第二个月的日期时，所选日期将设置为默认日期。但现在，第二个月和第三个月是活跃的，而不是第一个月和第二个月。

示例:最初仅显示 2014 年 5 月和 2014 年 6 月。当用户点击 2014 年 6 月 4 日时，表单提交，现在显示“六月和七月”，而不是“五月和六月”。

我已经尝试设置monthOffset和dateRanges(minDate，maxDate)。没有解决我的问题。

编辑:制作了两张屏幕截图来向您展示问题

这是 JS:

//program: overview datepicker
    var dpInputField = $('input#program-overview-datepicker-value');
    var defaultDate = (dpInputField.val() == '') ? '1399593600' : dpInputField.val(); // 1399593600 = 9th May 2014 00:00:00

    $('div#program-overview-datepicker').datepick({
        dateFormat: $.datepick.TIMESTAMP,
        monthsToShow: 2,
        changeMonth: false,
        altField: '#program-overview-datepicker-value',
        minDate: '1399593600', // 9th May 2014 00:00:00
        maxDate: '1402790400', // 15th June 2014 00:00:00
        onDate: showDayAndMonth,
        defaultDate: defaultDate,
    }, $.extend($.datepick.regional[window.language]));

    function showDayAndMonth(date) {
        var dayName =  $.datepick.formatDate('D', date);
        var dateName = date.getDate();
        var monthName = $.datepick.formatDate('M', date);

        return {content: '<div class="day">'+dayName+'</div><div class="date">'+dateName+'</div><div class="month">'+monthName+'</div>', dateClass: 'showDAM'}; 
    }
    $('a.showDAM').click(function(e){
        $('#programoverview form').submit();
    });

Answer 1

使用 native jquery ui 怎么样？

演示 1 http://jsfiddle.net/9Uabd/1/embedded/result/

演示 2 http://jsfiddle.net/9Uabd/2/embedded/result/

 $(function() {
    $( "#datepicker" ).datepicker({
      numberOfMonths: 3,
      showButtonPanel: true,
        minDate: '05/09/2014', // 9th May 2014 00:00:00
        maxDate: '06/15/2014'
    });
  });