1
我可以使用dateHeaderTemplate属性更改列标题上的kendo UI调度程序的日期格式,但我需要更改下图中突出显示的日期格式: Kendo UI调度程序 - 更改日期格式
我敢肯定,一定有一个非常简单的方法来做到这一点,但到目前为止还没有在telerik文档中找到任何东西。
我可以使用dateHeaderTemplate属性更改列标题上的kendo UI调度程序的日期格式,但我需要更改下图中突出显示的日期格式: Kendo UI调度程序 - 更改日期格式
我敢肯定,一定有一个非常简单的方法来做到这一点,但到目前为止还没有在telerik文档中找到任何东西。
请试试下面的代码片段。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.mobile.all.min.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
</head>
<body>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
views: [
"day",
{ type: "week", selected: true },
"month",
"agenda",
"timeline"
],
dataBound: scheduler_dataBound,
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
}
]
});
function scheduler_dataBound(e) {
if (this.viewName() != "month") {
var test = $(".k-lg-date-format").html().split('-');
var _str = kendo.toString(kendo.parseDate(test[0].trim()), 'ddd MM/dd');
if (test.length == 2) {
_str += " - " + kendo.toString(kendo.parseDate(test[1].trim()), 'ddd MM/dd');
}
$(".k-lg-date-format").html(_str);
$(".k-sm-date-format").html(_str);
}
}
</script>
</body>
</html>
让我知道是否有任何问题。
感谢您的回复Jayesh,但这似乎只是改变了天柱头的格式,我已经能够实现了。 – user2928010
我已经更新了我的上述帖子 –
感谢Jayesh的帮助,这个解决方案对我来说几乎是完美的,因为我无法使用.html()。split(),我不得不引用_model.formattedDate这样的模型属性。分裂() – user2928010