輸入類型=「日期」不在鉻顯示值> 30

Question

從我的SQL Server我成爲值「03.11.2014」。這個值我想顯示日期等構成的輸入類型：

<input type="date" value={{myDate}}>

在Internet Explorer，這會顯示正確的，但沒有一個日期選擇器。顯示爲一個文本框。

在Google Chrome瀏覽器中，我沒有任何價值。 我使用了Google，但看起來Chrome預計在「2014-11-03」的日期。

什麼是正確的workarround在兩個瀏覽器中顯示具有正確值的日期時間選擇器？

Answer 1

您需要在「{{myDate}}」周圍加引號，以便{{myDate}}可以正確傳遞給value屬性。

您需要創建自己的過濾器，將該字符串從mm.dd.yyyy解析爲yyyy-dd-mm。根據您的日期選擇器，您可能需要重新轉換剛剛創建的字符串以再次成爲日期。如果是這樣，只需在過濾器中添加一行即可。

下面是一個例子，以從過濾器開始：

angular.module('myApp', []) 
    .filter('reformatDate', function() { 
    return function(input) { 
     input = input.splice('.'); 
     return input[2] + "-" + input[1] + "-" + input[0]; 
    }; 
    }) 

，你再調用（注射後在控制器中的「對myApp」的依賴）：

value="{{myDate | reformatDate}}"