有没有办法在ken​​do datepicker上设置视图

时间:2016-06-27 19:49:06

标签: kendo-ui kendo-datepicker

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

但是,我希望开始使用datepicker来打开过去一年的视图。

我查看了api(选项和方法),但没有找到任何指定月份的内容。

有人试过这个吗?

2 个答案:

答案 0 :(得分:3)

我不太明白这意味着什么。只是在黑暗中拍摄 - 如果你想在过去或过去的某个月将开始限制为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))
});

所以这应该打开&#34;视图&#34;在1年前的这一天。 Live at the Dojo

答案 1 :(得分:1)

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

Dojo Demo

  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值。