1

我将 kendoDatePickermax日期限制为 2030 年和min1971 年。但问题是,在搜索年份时,日期选择器的年份范围标题显示 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)    
});
4

1 回答 1

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');
        }
    }
});
于 2013-01-05T22:56:22.663 回答