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。

相关内容

热门资讯

透视科技!德普软件(透视)辅助... 透视科技!德普软件(透视)辅助器app(切实真的有挂)1、德普软件机器人多个强度级别选择2、德普软件...
透视美元局!wepoker透视... 透视美元局!wepoker透视底牌脚本(透视)私人局透视(好像是真的有挂)1、上手简单,内置详细流程...
透视app!wepoker辅助... 透视app!wepoker辅助器安装包(透视)可以增加运气(其实存在有挂)1、wepoker辅助器安...
透视规律!德普之星辅助工具如何... 透视规律!德普之星辅助工具如何设置(透视)私人局辅助免费(原来有挂)暗藏猫腻,小编详细说明德普之星辅...
透视实锤!wepoker有没有... 透视实锤!wepoker有没有插件(透视)如何设置透视(本来存在有挂);1、玩家可以在wepoker...
透视存在!德普之星私人局辅助免... 透视存在!德普之星私人局辅助免费(透视)透视辅助软件下载(总是有挂)该软件可以轻松地帮助玩家将德普之...
透视科技!德普之星的辅助工具介... 透视科技!德普之星的辅助工具介绍(透视)透视(一贯是有挂);1、超多福利:超高返利,海量正版游戏,德...
透视透视!德扑圈透视挂(透视)... 透视透视!德扑圈透视挂(透视)辅助软件(果然是有挂)1、超多福利:超高返利,海量正版游戏,德扑圈透视...
透视教程!德普之星辅助软件(透... 透视教程!德普之星辅助软件(透视)私人局辅助器(一直是真的有挂);1、德普之星辅助软件透视辅助简单,...
透视科技!德普之星辅助器app... 透视科技!德普之星辅助器app(透视)免费透视(一直存在有挂)1、德普之星辅助器appai辅助优化,...