Telerik 在 kendo 客户端模板中的整数显示时间
Telerik Display time in kendo Client Template from integer
我有一个 Telerik 网格并使用一个整数来设置 Y 轴。
秒数,我想做的是将图表上的标签从
97 seconds
132 seconds
作为整数显示如下所示的时间
01:37
02:12
通过更新模板,这应该是相当简单的,只是似乎找不到正确的语法
lineSeries1.TooltipsAppearance.ClientTemplate = "#= value # seconds";
变得像
lineSeries1.TooltipsAppearance.ClientTemplate = "#= value #.format('hh:MM:ss') ";
在您的模板上使用此功能:
function formatTime(time) {
var rootDate = new Date(new Date(1, 1, 1, 0, 0, 0).setSeconds(time));
var minutes = ("0" + rootDate.getMinutes()).slice(-2);
var seconds = ("0" + rootDate.getSeconds()).slice(-2);
return minutes + ":" + seconds;
}
模板为"#: formatTime(value) #"
Demo.
Obs #1:请注意,该功能仅根据您的需要而创建,您失去了 kendo 的全球化和您的时间总是显示为 00:00
;
Obs #2:@ezanker 提出的 lib 非常好,但如果你只需要你所要求的,它就太过分了。
我有一个 Telerik 网格并使用一个整数来设置 Y 轴。
秒数,我想做的是将图表上的标签从
97 seconds
132 seconds
作为整数显示如下所示的时间
01:37
02:12
通过更新模板,这应该是相当简单的,只是似乎找不到正确的语法
lineSeries1.TooltipsAppearance.ClientTemplate = "#= value # seconds";
变得像
lineSeries1.TooltipsAppearance.ClientTemplate = "#= value #.format('hh:MM:ss') ";
在您的模板上使用此功能:
function formatTime(time) {
var rootDate = new Date(new Date(1, 1, 1, 0, 0, 0).setSeconds(time));
var minutes = ("0" + rootDate.getMinutes()).slice(-2);
var seconds = ("0" + rootDate.getSeconds()).slice(-2);
return minutes + ":" + seconds;
}
模板为"#: formatTime(value) #"
Demo.
Obs #1:请注意,该功能仅根据您的需要而创建,您失去了 kendo 的全球化和您的时间总是显示为
00:00
;Obs #2:@ezanker 提出的 lib 非常好,但如果你只需要你所要求的,它就太过分了。