таймер выбора кендо "гггг-мм-ддчч: мм: сс.000Z" как изменить формат чч: мм - PullRequest
Новая
       33

таймер выбора кендо "гггг-мм-ддчч: мм: сс.000Z" как изменить формат чч: мм

0 голосов
/ 08 октября 2018

Я использую kendo 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

enter image description here

1 Ответ

0 голосов
/ 09 октября 2018

Если вы хотите, чтобы указатель времени отображал его в формате ЧЧ: мм, то формат выглядит следующим образом: 

$("#timepicker").kendoTimePicker({
    format: "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>
...