剑道时间选择器“yyyy-mm-ddThh:mm:ss.000Z”如何更改 hh:mm 格式答案

【问题标题】：kendo timepicker " yyyy-mm-ddThh:mm:ss.000Z" how to change hh:mm format剑道时间选择器“yyyy-mm-ddThh:mm:ss.000Z”如何更改 hh:mm 格式
【发布时间】：2018-10-08 17:10:51
【问题描述】：

我正在使用剑道 ui，使用时间选择器 24 小时显示成功，但我得到它的数据 yyyy-mm-ddThh:mm:ss 000z 但我只需要 hh:mm。怎么改？

Get it time value :
"2018-10-07T19:30:00.000Z"

my need:
selected time only 09:10

【问题讨论】：

格式属性应为“HH:mm”

标签： javascript kendo-ui kendo-grid kendo-timepicker

【解决方案1】：

如果您希望时间选择器以 HH:mm 显示它，那么格式就是要走的路喜欢：

$("#timepicker").kendoTimePicker({
    format: "HH:mm"
})

但如果您希望值为 HH:mm 您需要使用 parseDate() 和 toString() 喜欢：

console.log("formatted value " + kendo.toString(kendo.parseDate(this.value()), "HH:mm"));

工作示例，检查控制台日志

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.3.911/js/kendo.all.min.js">
    <script src="https://kendo.cdn.telerik.com/2018.3.911/js/kendo.console.js"></script>
</head>
<body>
  
<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
    format: "HH:mm",
  	change: function(){
			console.log("raw value " + this.value());
      console.log("formatted value " + kendo.toString(kendo.parseDate(this.value()), "HH:mm"));
		}
});
</script>
</body>
</html>

【讨论】：