kendo-ui - 有没有办法在剑道日期选择器上设置视图

Question

我正在使用日期选择器来允许用户选择开始日期和结束日期。首次加载页面时，两个日期选择器都会在日历第一次打开时显示当前月份。

但是，我希望开始日期选择器打开过去一年的视图。

我查看了 api（选项和方法）并没有找到任何指定月份的内容。

有人试过这个吗？

Answer 1

我不太明白视图是什么意思。只是在黑暗中拍摄 - 如果您想将开始时间限制在过去的 1 年或过去的某个月份，则有一个配置选项min。

从剑道的例子：

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    min: new Date(2011, 0, 1) // sets min date to Jan 1st, 2011
});
</script>

更新：

var datepicker = $("#datepicker").data("kendoDatePicker");
var d = new Date ();
$("#datepicker").kendoDatePicker({                    
   value: new Date (d.setFullYear(d.getFullYear() - 1))
});

所以这应该在一年前的这一天打开“视图”。住在道场

Answer 2

有一个名为的属性dateView可以设置值。

道场演示

  var datepicker = $("#datepicker").data("kendoDatePicker");
  datepicker.bind('open', function() {
     if (this.value() !== this.dateView.value()) {
       this.dateView.value(null);
     }
  });
  datepicker.dateView.value(dt);

这将更新弹出日历中的值，而不更新小部件本身的值。

编辑：这实际上会导致一个错误，即单击选定的 dateView 值不会更新实际的选择器值。我为 open 事件添加了一个处理程序来处理不匹配并清除选定的 dateView 值。