Question

我在页面中有多个jquery datepicker实例。举个例子，我只需要显示年份。我不想表示月份。挖了一下后，我发现这个月可以隐藏

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

但是，在执行此操作时，月份也隐藏在其他datepicker实例中。所以，这是我接下来尝试的。

$(document).ready(function() {
    $("#datepicker1").datepicker({
        showOn: 'button',
        buttonText: 'Show Date',
        buttonImageOnly: true,
        buttonImage: "calendaricon.png",
        changeMonth: false,
        changeYear: true,
        showButtonPanel: false,
        dateFormat: 'yy',

        beforeShow: function() {

            $(".ui-datepicker-month").css("display", "none");
        },
        onClose: function(dateText, inst) { 

            var month = 0;
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
            $(".ui-datepicker-month").css("display", "inline");
        }
    });
});

.ui-datepicker-month的css根本没有变化。我该如何完全隐藏月份？请帮忙。感谢。

Answer 1

添加焦点事件： -

$("#datepicker1").datepicker({
  changeMonth: false,
  changeYear: false,
  dateFormat: 'dd/mm/yy',
  duration: 'fast'
})
.focus(function() {
    $(".ui-datepicker-month").remove();
});

jquery datepicker将css应用于后续类

1 个答案: