無法加載或結合字符串值輸入[類型=時間]

Question

我有內部以下HTML輸入和NG-重複：

<div class="form-group"> 
    <label class="control-label small">Time</label> 
    <input type="time" class="form-control" ng-model="schedule.time" required /> 
</div> 

現在，這是一個編輯表格內。當頁面加載時，從服務器獲取數據並加載到它們各自的輸入字段中。除時間之外，其他所有輸入字段都顯示出來。

我是這麼認爲的，我從只是改變了它，它可能是值的格式：

20:45:00

到

{ 
    "date":"2016-11-24 20:45:00.000000","timezone_type":3,"timezone" 
    :"UTC" 
} 

採用碳但也沒有工作。數據仍然不會顯示在輸入字段中。但是，當我將其從時間更改爲文本時，會顯示出來。

Answer 1

我想你應該將字符串分配到ng模型中，該模型應該是Date.Before分配給模型時，將它轉換爲字符串中的日期。

請嘗試以下代碼。它可能會幫助你。

$scope.time = new Date(obj.date); 

請找工作plunker。

Answer 2

如果說你想顯示這個時間：20:45:00然後在你的JS代碼，你應該做這樣的事情，以便將數據傳遞到input[time]場：

$scope.myDate = new Date(); 
$scope.myDate.setHours(20,45,0) 

在你的情況下，可以通過簡化使用您的OBJ：

{ 
    "date":"2016-11-24 20:45:00.000000","timezone_type":3,"timezone" 
    :"UTC" 
} 

你可以這樣做：

$scope.schedule.time = new Date(obj.date); 

點擊此處查看：https://docs.angularjs.org/api/ng/input/input%5Btime%5D

Answer 3

您的日期字符串需要解析成日期對象，然後您可以使用角度過濾器來顯示時間。角度文檔有一個很好的例子。

https://docs.angularjs.org/api/ng/input/input%5Btime%5D