在datepicker中禁用日历

时间:2015-10-27 15:51:55

标签: javascript css datepicker

我在一个页面上使用了两次datepicker。一个是常规的,另一个应该只用于一年中的一个月。 不幸的是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');
    }
});

也没有帮助。触发器正在工作,但日历仍然存在。我能做什么?任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

你可以使用css类disable:

.disable{display:none}

并在想要隐藏的div中应用第二个类。

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