AngularJS $ formatter和输入字段的$ parser

时间:2016-12-06 20:41:55

标签: angularjs parsing formatter

是否有可能将$parser$formatter用于输入字段而不仅仅用于指令?

这是我的输入字段(AngularJs DateTimePicker)

<input type="text"
 class="form-control date"
 name="date"                                
 data-ng-model="vmModal.account.creationDate"
 datepicker-popup="dd.MM.yyyy"
 is-open="vmModal.openedDatePicker"
 close-text="schlie&szlig;en"
 current-text="heute"
 clear-text="l&ouml;schen"
 datepicker-options="{startingDay: 1}"
 placeholder="Datum">

[编辑] 实际上我不知道该怎么做,我需要日期的字符串表示,因为我在应用程序的其他地方显示它。我知道的唯一可能是在我的javascript对象中有另一个表示日期对象的字段。

1 个答案:

答案 0 :(得分:0)

我可能错过了解你的问题,但是从您的编辑中,您似乎需要在其他地方显示或使用通过输入选择的日期。这是拥有一个模型和几个视图的标准内容。在您的情况下,您可以使用角度vmModal.account.creationDate过滤器,使用与datepicker中使用的格式不同的格式显示date。 例如。当您在datepicker中选择以下日期时:25.12.2016

<em>{{vmModal.account.creationDate | date:'EEEE, dd MMMM yyyyy' }}</em>

将显示

  

Sonntag,2016年12月25日

请参阅实际的plunker

请注意,您可以为手动输入指定备用日期格式。在plunker我添加了alt-input-formats="['dd/MM/yy']"。用户现在可以输入25.12.201625/12/16,两个格式化的日期都将被解析为日期对象。