javascript - 在日期选择器中禁用日历

Question

我在一个页面上使用了两次日期选择器。一个是常规的，另一个应该只用于一年中的月份。不幸的是CSS样式

<style>.ui-datepicker-calendar {display: none;}</style>

禁用两者的日历。在触发器 beforeShow 上设置处理程序，例如:

$('.date-picker').datepicker( {
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    beforeShow: function(date) {
        $(".ui-datepicker-calendar").css("display", "none");
        alert('fired when selected');
    }
});

也无济于事。触发器正在工作，但日历仍然存在。我能做些什么？任何帮助表示赞赏。

Answer 1

你可以使用一个 css 类禁用:

.disable{display:none}

然后在您要隐藏的 div 中应用这第二个类。

<div class="ui-datepicker-calendar disable"> Calendar here ... </div>