使用jQueryUI在DatePicker日历上禁用工作日

时间:2013-04-23 15:48:59

标签: jquery datepicker jquery-ui-datepicker

我正在使用来自jQuery-UI的datepicker,我想知道是否还有禁用/修改日历,只显示月份和年份而且只显示。

我在这里尝试了答案jQuery UI Datepicker - Disable specific days,但它并没有完全符合我的要求。它并没有真正起作用,我想要禁用特定的日期选择器而不是全部。

有人可以帮忙吗?

提前致谢。

PS:到目前为止,我的代码如下所示:

$(".crud_date_picker_month").datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'yy-mm'
});

jQuery UI版本1.8.21

可以在此处查看代码:http://jsfiddle.net/VJADH/

2 个答案:

答案 0 :(得分:3)

  

我想知道是否还有禁用/修改日历   它只显示月份和年份而且只显示。

仅使用CSS显示月份和年份:

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

DEMO - 仅使用CSS显示月/年


如果您需要以编程方式执行此操作,可以添加以下代码:

$(".date-picker").focus(function () {
    $(".ui-datepicker-calendar").hide();
});

DEMO - 仅以编程方式显示月份/年度


答案 1 :(得分:0)

要禁用月份和年份(根据您的提交标题!!),请隐藏标题:

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

http://jsfiddle.net/VJADH/1/