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

时间:2013-01-04 10:03:35

标签: kendo-ui

我将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)    
});

1 个答案:

答案 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');
        }
    }
});