无法在<input />中格式化日期

时间:2015-05-11 11:33:21

标签: javascript angularjs

我遇到了将问题绑定到Angular中的DateTime的问题。

在Fiddler,我的DateTime看起来像这样:

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的解决方案就可以了。

期待您的回复。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

我不知道自己做了什么,但它突然开始使用ng-model =&#34; customer.lastEnquiryDate |日期&#34 ;.不知道为什么,但不要像他们所说的那样在口中看到礼物马。