2017-08-29 55 views
-1

獲取下面的警告,並且我看不到輸入中顯示的格式。格式問題在「{{start_time | date:'HH:mm'}}」 - 獲取警告和格式不起作用

指定值「{{start_time | date:'HH:mm'}}」不符合要求的格式 。格式爲「HH:mm」,「HH:mm:ss」或 「HH:mm:ss.SSS」,其中HH爲00-23,mm爲00-59,ss爲00-59,SSS爲 000-999。

<input type="time" value="{{start_time | date:'HH:mm'}}"> 

電流輸出 enter image description here

預計HH:MM

+0

什麼是start_time? –

+1

最有可能的start_time不是有效的日期... –

+2

'start_date!== start_time' –

回答

1

看起來你有你的start_date日期,並試圖在前端使用start_time。這應該工作:

<input type="time" ng-value="start_date | date : 'HH:mm'"> 

例子:Working Plunker


UPDATE:允許更新模型,您應該添加過濾器:

.filter('parseDate', function() { 
    return function (date) { 
     if (angular.isDate(date)) return date; 
     return new Date(Date.parse(date.replace(/:\d{2}[.,]\d{3}Z$/, ''))); 
    }; 
}); 

var start_time = "2017-08-29T17:15:16.814Z"; 

$scope.start_date = $filter('parseDate')(start_time); 

例子:Working Plunker

+0

我可以看到您的示例代碼在控制檯中使用警告工作。同樣的事情發生在我身上,即在一個地方它以格式化的方式顯示,而在其他標籤上它不是,任何線索? –

+0

這只是一個警告(不是錯誤),但你可以通過使用ng-value來代替它(通過回答更新以反映出來)。希望有所幫助! –

+0

它不給雙向綁定 –