Kendo ui 剑道日期选择器日期范围标题在限制为最小-最大日期时不正确

Kendo ui 剑道日期选择器日期范围标题在限制为最小-最大日期时不正确,kendo-ui,Kendo Ui,我将kendoDatePickermax日期限制为2030年,将min日期限制为1971年。 但问题是,在搜索年份时,日期选择器的年份范围标题显示2000-2099 而不是2000-2029年,但显示的选择年份范围正确。有没有办法将年份改为2000-2029年,而不是显示2000-2099年 我的代码在下面 $("#dater").kendoDatePicker({ format : "MM/dd/yyyy", max : new Date(2030,0,0),

我将kendoDatePicker
max
日期限制为2030年,将
min
日期限制为1971年。 但问题是,在搜索年份时,日期选择器的年份范围标题显示2000-2099 而不是2000-2029年,但显示的选择年份范围正确。有没有办法将年份改为2000-2029年,而不是显示2000-2099年

我的代码在下面

$("#dater").kendoDatePicker({    
    format  : "MM/dd/yyyy",
    max : new Date(2030,0,0),
    min : new Date(1971,0,1)    
});

有了你的代码,我就明白了你的目标,日期范围从1971年到2029年。但让我们再仔细看看

展开时的控制顶部:

  • 默认视图-月份+/-
  • 一年一键+/-
  • 两次点击-10年+/-
  • 三次点击-100年+/-
因此,在第三次单击时,您将在标题中看到2000-2099,但选择项目的主体是正确的,最大值为2029。我认为你的期望是第三次点击是“全范围”而不是100年。如果实现了您的期望,则根据最小/最大值,可能不需要第二次或第三次单击;很多额外的逻辑。也许在未来的版本中

我希望这有帮助

编辑 小心你想要的,你可能会得到的

$('#dater').kendoDatePicker({
    format: 'MM/dd/yyyy',
    max: new Date(2030, 0, 0),
    min: new Date(1971, 0, 1),
});
$(document).ready(function () {
    $('a.k-nav-prev').click(function() {
        changeFastLabel();
    });
    $('a.k-nav-fast').click(function() {
        changeFastLabel();
    });
    $('a.k-nav-next').click(function() {
        changeFastLabel();
    });
    function changeFastLabel() {
        var header = $('a.k-nav-fast');
        if (header.text() == '2000-2099') {
            header.text('2000-2029');
        } else if (header.text() == '1900-1999') {
            header.text('1971-1999');
        }
    }
});

有了你的代码,我就明白了你的目标,日期范围从1971年到2029年。但让我们再仔细看看

展开时的控制顶部:

  • 默认视图-月份+/-
  • 一年一键+/-
  • 两次点击-10年+/-
  • 三次点击-100年+/-
因此,在第三次单击时,您将在标题中看到2000-2099,但选择项目的主体是正确的,最大值为2029。我认为你的期望是第三次点击是“全范围”而不是100年。如果实现了您的期望,则根据最小/最大值,可能不需要第二次或第三次单击;很多额外的逻辑。也许在未来的版本中

我希望这有帮助

编辑 小心你想要的,你可能会得到的

$('#dater').kendoDatePicker({
    format: 'MM/dd/yyyy',
    max: new Date(2030, 0, 0),
    min: new Date(1971, 0, 1),
});
$(document).ready(function () {
    $('a.k-nav-prev').click(function() {
        changeFastLabel();
    });
    $('a.k-nav-fast').click(function() {
        changeFastLabel();
    });
    $('a.k-nav-next').click(function() {
        changeFastLabel();
    });
    function changeFastLabel() {
        var header = $('a.k-nav-fast');
        if (header.text() == '2000-2099') {
            header.text('2000-2029');
        } else if (header.text() == '1900-1999') {
            header.text('1971-1999');
        }
    }
});

谢谢你的回复。是否可以将导航限制在年深度。我试着设置房产深度:“年”。但它不起作用。你能帮我吗?我回去给了你一个我认为你一开始就在寻找的解决方案。你似乎下定决心要按你的方式去做。享受吧。我希望当你获得足够的声誉点数时,你会回来并将此标记为正确答案。:)谢谢你的回复。是否可以将导航限制在年深度。我试着设置房产深度:“年”。但它不起作用。你能帮我吗?我回去给了你一个我认为你一开始就在寻找的解决方案。你似乎下定决心要按你的方式去做。享受吧。我希望当你获得足够的声誉点数时,你会回来并将此标记为正确答案。:)