2015-12-05 53 views
2
// date = 2015-12-05T02:34:45.249Z 
<div> 
    <p>{{date | date:'yyyy/MM/dd'}}</p> // This works, shows the correct date 
</div> 

<label> 
    <input type="date" ng-value="{{date | date:'yyyy/MM/dd'}}"> // This doesn't work 
</label> 

Codepen角日期過濾器在NG-值

不過濾我不知道是怎麼回事。第一個過濾器工作正常,但第二個過濾器根本不格式化日期,將日期保留爲初始字符串。

回答

3

嘗試:

<label> 
    <input type="date" ng-value="date | date:'yyyy/MM/dd'"> 
</label> 

這將顯示正確的日期格式在你的結構

0

當你做了什麼SOLUCIONES Intuitivas寫和日期變更類型爲文本,你會看到日期。如果你想使用type="date"你應該添加指令將數據轉換爲正確的格式。 指令應該返回類似:

return new Date(date); 
0

我會建議使用輸入type='text'。然後,你可以使用日期,因爲這:

<input type="text" value="{{date | date:'yyyy/MM/dd'}}"> 

這種方式(使用type='text')可以控制顯示給用戶的實際日期格式,而不是讓瀏覽器選擇您所在地區的格式(這不是你一直想)

1

嗯,這對我的作品

<input type="text" placeholder="DOB" ng-value="dataValue | date:'dd/MM/yyyy'"> 

如果你給型「日期」,那麼它會隱藏佔位符,所以不如把它作爲文本。