年/月只有datepicker内联

时间:2013-10-21 18:55:58

标签: jquery jquery-ui-datepicker

我需要创建一个只显示年份和月份的jquery ui datepiker:

$(document).ready(function () {
    var montPiker = $(".monthPicker").datepicker({
        changeMonth: true,
        changeYear: true,
    });

    $(".monthPicker .ui-datepicker-calendar").hide();
});

 <div id="monthPicker" class="monthPicker"></div>

这个想法是有一个月/年内联选择器,但我遇到的问题是,在我改变月份或年份后,再次显示callendar部分。我试着重新申请.hide(),但我找不到它应该发生在哪个事件上。

任何人都知道,如何解决这个问题?感谢。

1 个答案:

答案 0 :(得分:3)

在初始化 datepicker 后,实际问题是,您隐藏了日历。因此,每当您更改年/月时,日历就会显示出来。

最好的方法是使用 CSS ,这是一种明确的方法。

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

JSFiddle

希望这有帮助。