【问题标题】:Is there a way to set the view on the kendo datepicker有没有办法在剑道日期选择器上设置视图
【发布时间】:2016-10-29 22:46:34
【问题描述】:

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

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

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

有人试过吗?

【问题讨论】:

    标签: kendo-ui kendo-datepicker


    【解决方案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 值。

    【讨论】:

      【解决方案2】:

      我不太明白视图是什么意思。只是在黑暗中拍摄 - 如果您想将开始时间限制在过去 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))
      });
      

      所以这应该在一年前的这一天打开“视图”。 Live at the Dojo

      【讨论】:

      • 查看是打开日历时出现的内容。默认情况下,当您单击日历图标时。它打开时会显示当前月份。我希望它在过去一年开放。
      • 感谢您的帮助,但这并不是我真正想要的。您链接的道场会引发 JS 错误,并且需要单击日历图标两次才能显示弹出窗口。您设置值的另一个问题。我不想这样做。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-24
      • 1970-01-01
      • 1970-01-01
      • 2014-12-19
      • 2021-02-23
      • 2022-01-19
      相关资源
      最近更新 更多