Why date pipe with input type text does not work with angular2?

Question

This works :

DetailEvent is a object which has start_time of type Date

 <span class="month">{{DetailEvent.start_time   | date: 'MMM'}}</span>

This does not work:

 <div class="col-md-6"><input type="text" [(ngModel)]='DetailEvent.start_time| date: 'MMM''> <span class="calender-to">to</span> </div>

What kind of date? String, or `Date` type?. What's the problem you run into? — Günter Zöchbauer, Feb 13 '17 at 08:40
I didn't downvote but I guess it's because it doesn't contain the information necessary to diagnose the problem. — Günter Zöchbauer, Feb 13 '17 at 08:41

score 1 · Accepted Answer · answered Feb 13 '17 at 08:40

1

Pipes generally don't work with `two-way-binding

[(ngModel)]='fromDate | date: 'MMM''

should be

[ngModel]="fromDate | date: 'MMM'" (ngModelChange)="fromDate = $event"

answered Feb 13 '17 at 08:40

The 1st code line (your code with `[(ngModel)]`) is just a short form of the 2nd line (my code). The short form doesn't work if the expression is not a simple reference because how would `ngModel` be able to assign a value to `fromDate | date: 'MMM'`? – Günter Zöchbauer Feb 13 '17 at 08:52

1 Answers1