kendo-ui - 如何使用 kendodatepicker 选择一周

Question

我在我的解决方案中使用了 kendodate 选择器。每当用户从 kendodatepicker 中选择某个日期时，我想检索整周的日期。eglets 说今天是 2014 年 2 月 21 日（星期五），只要用户选择某天说 2014 年 2 月 24 日（星期一） ）然后我需要检索其一周的日期（开始和结束日期）。答案应该是（2014 年 2 月 22 日至 2014 年 2 月 28 日）考虑到我的一周从星期六（2 月 22 日）开始并在星期五（2 月）结束这一事实28）。请指导。我对 kendoUI 非常陌生。谢谢

Answer 1

Define the change event handler as:

change : function (e) {
    // Get a reference to the row (week) containing the selected date
    var tr = $(".k-state-selected", cal._table).closest("tr");
    // Get the first day
    var first = $("td:first", tr).text();
    // Get the last day
    var last = $("td:last", tr).text());
}

Example here : http://jsfiddle.net/OnaBai/W9VFB/9/

If you want to have the first and last date as text, then you might use:

var first = $("td:first", tr).find("a").attr("title");
var last = $("td:last", tr).find("a").attr("title");

Example here : http://jsfiddle.net/OnaBai/W9VFB/12/