2015-05-11 91 views
0

我遇到了一個問題,將我的DateTime綁定到Angular中。無法格式化日期<input>

在提琴手,我的日期時間是這樣的:

lastEnquiryDate: 2015-03-04T16:01:18.403Z 

以下工作:

<input ng-model="customer.lastEnquiryDate" class="form-control input-sm" id="customer-last-enquiry-date" readonly></input> 

,但產生難看的結果。

我想這樣做是過濾customer.lastEnquiryDate使其漂亮,像這樣:

<input ng-model="customer.lastEnquiryDate | date" class="form-control input-sm" id="customer-last-enquiry-date" readonly></input> 

但這會產生this error。現在我明白爲什麼會產生這個錯誤,但我不知道解決方法。我嘗試過使用ng-bind,但是這會產生一個空白輸入。

如何在此輸入中格式化日期?碰巧,我的日期字段是隻讀的,所以使用ng-bind的解決方案可以。

期待您的回覆。

+0

用這樣的過濾器更好嗎? 'date:'MM/dd/yyyy'' –

+0

如果它總是隻讀,你需要使用和輸入和ngModel?你可以使用 {{customer.lastEnquiryDate |日期}}

+0

我可以使用跨度,但輸入是一個更大的形式的一部分,看起來/感覺明智,它需要一個輸入。 – serlingpa

回答

0

下應該工作:

<input ng-model="customer.lastEnquiryDate" type="date" class="form-control input-sm" id="customer-last-enquiry-date" readonly></input> 

更多細節在這裏:https://docs.angularjs.org/api/ng/input/input%5Bdate%5D

+0

其實我只是在F12看,發現ng-model =「customer.lastEnquiryDate | date」拋出異常。它在輸入中正確顯示,但引發異常。任何人有任何線索如何實現這一點? – serlingpa

0

我不知道我做什麼,但它突然開始有NG-模型=「customer.lastEnquiryDate工作|日期」。正如他們所說,不知道爲什麼,但不要在馬嘴裏看到禮物。

+0

這不起作用。我只是在現場得到一個空白的dd/mm/yyyy提示。還有什麼想法? – serlingpa