禁用下一步jQuery的日期选择器(Disable Next in Jquery datepicke

2019-08-31 08:34发布

有没有通过,我不能让用户选择接下来的几个月中任何其他方式。 我已经通过一些线程走了,但我不希望用一步的功能直接在这个以禁用下一个和上一个按钮链接 。

 function bindPicker() {
        $("input[type=text][id*=Date]").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "-100:+0",
            showOn: "both",
            buttonImage: "../../images/Calender.png",
            buttonImageOnly: true,
            dateFormat: "M-yy"
        });
    }

Answer 1:

尝试的maxDate选项设置为0,这个设置最大日期从今天0天。

$(".datepicker").datepicker({maxDate: '0'});

更多信息: http://api.jqueryui.com/datepicker/#option-maxDate



Answer 2:

那么,如果你正在寻找简单地去掉一个/上一个选项,并只在代码中使用强制一个月,你可以使用CSS。

.ui-datepicker-next,.ui-datepicker-prev{display:none;}

这将只是删除下一/上一个按钮都在一起。 然后,如果需要的话,你甚至可以把在像一些.toggle()代码显示/隐藏他们需要的时候。



Answer 3:

如果你只想隐藏下一首/上时,他们禁止(即所有有效日期是单月内),使用以下命令:

.ui-datepicker-prev.ui-state-disabled { display: none; }
.ui-datepicker-next.ui-state-disabled { display: none; }


Answer 4:

日期选择器与隐藏下一个和上一个按钮和日期格式和定义的日期。

$("#dateTextId")
    .datepicker({dateFormat: "dd-M-y",stepMonths:0})
    .datepicker('setDate',new Date(date_string));


文章来源: Disable Next in Jquery datepicker