如何在输入中使用angular2 datepipe [英] How to use angular2 datepipe in input
本文介绍了如何在输入中使用angular2 datepipe的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个来自服务器的日期字符串,如下所示. :
I have a date string coming from my server as below. :
1992-05-26T18:30:00Z
我正在尝试使用日期管道将其格式化为DD/MM/YYYY格式,并将其绑定到我的输入ngModel.
I am trying to format this to DD/MM/YYYY format using date pipe and bind it to my input ngModel.
var userdate:any = new Date(data.draftData.accountHolder.dateOfBirth);
this.setDob = userdate | date:'MM/DD/YYYY';
它抛出一个错误:
ReferenceError:日期未定义
ReferenceError: date is not defined
我的HTML如下
<md-input placeholder="Date of birth" value="mm/dd/yy" [(ngModel)]="setDob"></md-input>
有人可以指出我在这里想念的东西吗.
Can someone point what am I missing here.
推荐答案
应该在模板中使用管道,而不是在代码中使用管道.
Pipes are supposed to be used in the template, not in code.
<div>{{userdate | date:'MM/DD/YYYY'}}</div>
您也可以在代码中使用它,例如
You can use it in code as well though, like
var userdate:any = new Date(data.draftData.accountHolder.dateOfBirth);
var datePipe = new DatePipe();
this.setDob = datePipe.transform(userdate, 'MM/DD/YYYY');
这篇关于如何在输入中使用angular2 datepipe的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文