剑道 UI 日期选择器显示财政年度答案

【问题标题】：Kendo UI datepicker to show Financial years剑道 UI 日期选择器显示财政年度
【发布时间】：2015-10-19 06:38:40
【问题描述】：

创建一个网站来处理与 TAX 相关的数据。所以我们需要在大部分页面上显示财政年度。我的一幅拼贴画以此作为一种解决方法。 Kendo datepicker 是否有任何属性可以实现这一目标？

  $(document).ready(function() {
    // create ComboBox from input HTML element
    var date = new Date('@DateTime.Today'.replace(/-/g, "/"));
    date.setFullYear(date.getFullYear());
    date.setMonth(date.getMonth());
    $("#monthpicker").kendoDatePicker({
      start: "decade",
      depth: "decade",
      change: onChange

    });

    function onChange() {

      var s = $("#monthpicker").data("kendoDatePicker").value().getFullYear();
      $("#monthpicker1").val(s + "-" + (s + 1));
    }
  });

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.930/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.930/styles/kendo.material.min.css" />


<input id='monthpicker1' style='width:120px;border:1px solid #10c4b2;background-color:#fff;height:1.65em;padding:.177em;' readonly="true" />
<input id='monthpicker' style="width:0px" />

<script src="//kendo.cdn.telerik.com/2015.3.930/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.3.930/js/kendo.all.min.js"></script>

@OnaBai- 剑道 UI 传奇，正在寻求您的帮助。

【问题讨论】：

标签： jquery kendo-ui telerik kendo-datepicker

【解决方案1】：

您可以使用与此处类似的方法：http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/datepicker/how-to/masked-date-picker-grid

您可以扩展您的日期选择器添加所需的功能，然后将其用作：

$('#financiarDatePicker').kendoFinanciarDatePicker();

【讨论】：