0

我正在使用 jquery Datepicker UI。我只需要使用这个 UI 显示月份和年份。我得到了使用以下代码：

$(function() {
         $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'yy-mm',
        onChangeMonthYear: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));

        }
    });
});

HTML：

<input type='text' id='date' name='eattdate' class='date-picker' value='".$date."' style='width:105px;'>

这工作正常，它默认显示当前月份和年份。但我想选择月份和年份。

4

2 回答 2

0

首先，我相信你错过了日历的隐藏（我猜你想要那个，因为你只处理几个月和几年，但我可能错了）。因此，如果这确实是您的意图，请使用：

.ui-datepicker-calendar {
    display: none;
}

在您的 CSS 文件中。

现在，对于没有在之前选择的日期开启的日期选择器，可以引入一个beforeShow，如下：

$(function() {
     $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'yy-mm',

        onChangeMonthYear: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();

            $(this).datepicker('setDate', new Date(year, month, 1));
        },

        beforeShow: function() {
            var dateText = $(this).val();
            var isPopulated = dateText.length > 0;

            if (isPopulated) {
                var selectedDate = $.datepicker.parseDate("yy-mm-dd", dateText + "-01");

                $(this).datepicker("option", "defaultDate", selectedDate);
                $(this).datepicker("setDate", selectedDate);
                $(this).datepicker("refresh");
            }
        }
    });
});

我相信这应该能得到你想要的。

于 2014-05-10T22:00:44.903 回答
-1

尝试这个：

defaultDate: new Date()
于 2012-09-22T07:05:42.243 回答