Angular 将文本包含在角度2+;日期管道格式
我正在尝试使用Angular 2中的Angular 将文本包含在角度2+;日期管道格式,angular,pipe,date-pipe,Angular,Pipe,Date Pipe,我正在尝试使用Angular 2中的日期管道。我希望输出日期的格式为:2017年8月23日上午11:07 但是,我无法找到在日期格式中包含文本at的正确方法 当我指定如下格式时:{{my_date | date:'MM/dd/yyyy at hh:MM a'} 我得到:2017年8月23日上午11:07的金额 我试着用引号将文本括起来:{{my_date | date:'MM/dd/yyyy'在“hh:MM a'}} 但这只是在输出中添加了引号:2017年8月23日上午11:07“AMt” 这样
日期管道。我希望输出日期的格式为:2017年8月23日上午11:07
但是,我无法找到在日期格式中包含文本at
的正确方法
当我指定如下格式时:{{my_date | date:'MM/dd/yyyy at hh:MM a'}
我得到:2017年8月23日上午11:07的金额
我试着用引号将文本括起来:{{my_date | date:'MM/dd/yyyy'在“hh:MM a'}}
但这只是在输出中添加了引号:2017年8月23日上午11:07“AMt”
这样做的唯一方法是将它分成两个单独的管道,格式的两面像{{my_date}date:'MM/dd/yyyyy}}在{my_date}date:'hh:MM a'}
或者有没有办法在at
中转义a
,使其在处显示文本,而不是AMt
?可能您可以创建一个简单的管道
@Pipe({
name: 'dateFormatPipe',
})
export class dateFormatPipe implements PipeTransform {
transform(value: string) {
var datePipe = new DatePipe("en-US");
value = datePipe.transform(value, 'MMM-dd-yyyy') + ' at ' + datePipe.transform(value, 'hh:mm a');
return value;
}
}
<p>{{currentTime | dateFormatPipe}}</p>
@管道({
名称:“dateFormatPipe”,
})
导出类dateFormatPipe实现PipeTransform{
转换(值:字符串){
var datePipe=新datePipe(“美国”);
value=datePipe.transform(值'MMM dd yyy')+'at'+datePipe.transform(值'hh:mm a');
返回值;
}
}
{{currentTime | dateFormatPipe}}
,我遇到了这种情况。我能够通过使用\'
{{my_date{124; date:'yyyy/MM/dd'at\'HH:MM:ss'}
对于那些使用双引号的人(像我一样),在\'
中添加\“at\”
是行不通的,但是你可以在'HH:MM'中添加myFormat=“dd/MM/yyyyy'