Question

HTML

<input id="timepicker" />

KendoTimePicker（JavaScript的）

$("#timepicker").kendoTimePicker({
                        format: "HH:mm",
                        change: function () {
                            var value = this.value();
                            console.log("value is the selected date in the timepicker");
                            console.log(value);
                            alert(value);
                        }
  });

现在，我的问题是当我更改KendoTimePicker值时，它不是HH：mm格式，而是采用以下格式：

2017年5月15日星期一07:00:00 GMT + 0530（印度标准时间）

请点击此处：JS Fiddle Url

Answer 1

按default，this.value()将表示为Javascript Date的一个实例。

但是，您可以通过使用各种不同的方法从value中提取特定时间值：

getHours
getMinutes
getUTCHours（如果根据UTC需要时间）
toLocaleTimeString（如果特定区域设置需要时间）
moment.js插件（这将是我个人的最爱） - 包含以下小片段：

＆＃13;

var result = moment().format('hh:mm');
alert(result);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>

＆＃13;

Answer 2

您需要解析为字符串：

var data = [];
$("#timepicker").kendoTimePicker({
    change: function() {
            alert(kendo.toString(this.value(),"hh:mm tt"))
    }
});

注意：使用tt格式显示AM / PM。用tt - ＆gt; 02:30 AM，没有 - ＆gt; 02:30。如果你想要0 - 24 sacale使用HH：mm格式。

Fiddle

Answer 3

与从kendoTimePicker中选择时间值并跳出（onBlur）这些值进入格式

后，我遇到了同样的问题

  Mon May 15 2017 07:00:00 GMT+0530 (India Standard Time)

这就是解决方法

div网格中的单元格定义（timeShowinghtml.cfm）

{ 'field': 'starttime', 'title': 'Start Time', 'width': 120,'editor': editorStartTimeGrid,'format': '{0:HH:mm tt}' }

modelJsForGrid.js

函数editorStartTimeGrid（容器，选项）{ $（''）

 .appendTo(container);
 $('#txtStartTimeGrid').kendoTimePicker({
    parseFormats: ["0", "hh:mm tt"],
    animation: false,
    interval: 15,
    format: "hh:mm tt"
 });

我只在我的网格的kendo ViewModel定义中显示getDataChanges事件

getDataChanges: function() {
    var retData = [];
    jQuery.each(this.dsGridEquipment.data(), function(index, item) {

        if (item.dirty) {
            //this line converts the javaScript timestamp back to time only string
            item.starttime = toLocalTimeString(item.starttime);
            retData.push(item);
        }
    }); 
    return retData;
},

剑道时间选择器中的格式错误

3 个答案: