簡體   English   中英

獲取Kendo UI日歷的日期列表

[英]Getting list of dates in view for Kendo UI calendar

如何獲取Kendo UI日歷中當前可見的日期列表? 例如,2014年4月的視圖包括3月30日至5月10日的日期,例如,即使將月份更改為6月,我也需要一種可靠的方法來獲取這些日期的列表。

更新:對於那些希望從以下答案中得到啟發的解決方案的人來說,就是這樣(為了易於閱讀而簡化了):

$("#calendar").kendoCalendar({
    navigate: function() {
        window.visibleDates = getVisibleDates(this);
    }
});

var getVisibleDates = function(obj) {
    var firstDay = $("tbody > tr:first > td:first > a", obj.element).data("value");
    var lastDay = $("tbody > tr:last > td:last > a", obj.element).data("value");

    var start = new Date(parseFloat(firstDay.split("/")[0]), parseFloat(firstDay.split("/")[1]), parseFloat(firstDay.split("/")[2]));
    var end = new Date(parseFloat(lastDay.split("/")[0]), parseFloat(lastDay.split("/")[1]), parseFloat(lastDay.split("/")[2]));

    return [start, end];
}

請嘗試使用以下代碼段。

var cal = $("#calendar").data("kendoCalendar");
var first = $("tbody > tr:first > td:first > a", cal._table).data("value");
var last = $("tbody > tr:last > td:last > a", cal._table).data("value");

注意:由於Java腳本給出了月份索引,因此您必須在月份中添加+1才能獲得確切的日期。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM