Kendo UI日期選擇器顯示財政年度

Question

創建操作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傳說，我期待您的幫助。

Answer 1

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

您可以擴展您的日期選擇器添加所需的功能，然後用它作爲：

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