格式錯誤

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格式，但格式如下：

週一5月15 2017 07:00:00 GMT + 0530（印度標準時間）

請點擊這裏：JS Fiddle Url

Answer 1

通過default，this.value()將被表示爲Java腳本Date的一個實例。

• getHours
• getMinutes
• getUTCHours（如果根據UTC需要的時間）
• ：

  但是，可以通過使用各種不同的方法提取從value具體時間值toLocaleTimeString（如果在特定區域需要時間）

• moment.js插件（這將是我個人最喜歡的） - 下面提供了一個小片斷：

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

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

Answer 2

您需要解析字符串：

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

注：使用TT以格式顯示上午/下午。隨着tt - > 02:30上午，沒有 - > 02:30。此外，如果你想0 - 24 sacale使用HH：mm格式。

Fiddle