如何在jQuery datepicker中禁用月份选择?

问题描述 投票:7回答:4

我正在尝试禁用允许用户更改月份的向左/向右按钮。我已经删除了几个月的下拉列表,但无法删除按钮。

$("#date").datepicker({
    changeMonth: false,
    changeYear: false,
    dateFormat: 'dd/mm/yy',
    duration: 'fast'
});
jquery jquery-ui-datepicker
4个回答
14
投票

您可以使用stepMonths有效地禁用它们,方法是单击它们时使其无处移动,如下所示:

$("#date").datepicker({
  changeMonth: false,
  changeYear: false,
  dateFormat: 'dd/mm/yy',
  duration: 'fast',
  stepMonths: 0
});

You can give it a try here

或者,您可以删除这样的按钮:

$("#date").datepicker({
  changeMonth: false,
  changeYear: false,
  dateFormat: 'dd/mm/yy',
  duration: 'fast'
}).focus(function() {
  $(".ui-datepicker-prev, .ui-datepicker-next").remove();
});​

You can give that a try here,之所以有效,是因为默认的showOn选项为focus,如果您使用的是其他事件,只需绑定到[[0]之后的.datepicker()调用(因此其事件首先运行,您无法隐藏尚未创建的内容。


2
投票
提到的解决方案对我不起作用,我开发了这个:

1
投票
我不知道如何直接在jQuery中进行操作(或者是否可行)。

1
投票
这是我使日期选择器仅选择年份的方法:
© www.soinside.com 2019 - 2024. All rights reserved.