Angular日期管道'YYYY'与'full'不匹配
创始人
2024-10-29 05:30:11
0

问题原因:日期管道的格式选项有限,无法直接输出'full'格式。 解决步骤:使用自定义管道或者 DatePipe 的 transform 方法进行处理。 示例代码:

  1. 自定义管道
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
  name: 'fullDate'
})
export class FullDatePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    const datePipe = new DatePipe("en-US");
    return datePipe.transform(value, 'MMMM d, y, h:mm:ss a zzzz');
  }
}

在模板中使用:

{{ currentDate | fullDate }}
  1. DatePipe 的 transform 方法
import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';

@Component({
  selector: 'app-root',
  template: `
    

{{ currentDate | date:'full' }}

{{ transformedDate }}

` }) export class AppComponent { currentDate = new Date(); transformedDate: string; constructor(private datePipe: DatePipe) { this.transformedDate = this.datePipe.transform(this.currentDate, 'MMMM d, y, h:mm:ss a zzzz'); } }

注意:如果使用 DatePipe,需要在模块中声明并注入 DatePipe。

相关内容

热门资讯

透视插件(wepoKE)外挂透... 透视插件(wepoKE)外挂透明挂辅助神器(wepoke辅助有挂)切实真的有挂(详细透视系统教程);...
透视总结(aapoker透明挂... 透视总结(aapoker透明挂)wepoke软件透明挂测试(详细辅助2025新版教程)一直存在有挂是...
智星德州菠萝偷偷看牌功能!德扑... 智星德州菠萝偷偷看牌功能!德扑之星好牌,(德扑)素来存在有挂(详细透视教你攻略);支持多人共享记分板...
透视最新(wepokE)透明挂... 透视最新(wepokE)透明挂辅助代打(wepoke有辅助挂)本然是有挂(详细透视系统教程)是由北京...
透视挂透视(wepoke的确有... 透视挂透视(wepoke的确有挂)智星德州辅助(详细辅助辅助教程)原本有挂1、很好的工具软件,可以解...
德州ai辅助!wepoke有假... 德州ai辅助!wepoke有假吗,(aapokeR)原来存在有挂(详细透视黑科技教程)1、许多玩家不...
透视软件(wEpOke)透明挂... 1、透视软件(wEpOke)透明挂辅助器(wepoke有辅助挂)好像是有挂(详细透视攻略教程);详细...
透视苹果版(wepoke有没有... 透视苹果版(wepoke有没有挂)线上德州有后台控制吗(详细辅助技巧教程)从来有挂是一款可以让一直输...
WePoKe外挂!德州wpk辅... WePoKe外挂!德州wpk辅助,(wepower德州)从来存在有挂(详细透视可靠教程);1分钟了解...
透视中牌率(wEpoke)透视... 透视中牌率(wEpoke)透视辅助器(WePoKe外挂)好像是有挂(详细透视技巧教程);建议优先通过...