时间戳

首页 > 解决方案 > 如何从角度 10 的月份名称数组中获取月份编号

angular - 如何从角度 10 的月份名称数组中获取月份编号

问题描述

distYearMonths: {2018: ["Oct", "Sep", "Dec", "Nov"],…}
2018: ["Oct", "Sep", "Dec", "Nov"]
2019: ["Jan", "Jul", "Jun", "Nov", "Oct", "Sep", "Apr", "Aug", "Dec", "Feb", "Mar", "May"]
2020: ["Feb", "Jan", "Mar", "May", "Apr", "Jun"]

我想以上述相同的格式显示月份数字而不是名称。任何人都可以向我建议解决方案吗？

标签： angulartypescript

解决方案

在 html 中显示数字而不是名称然后你可以使用管道作为一种方式

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'month'
})
export class MonthpipePipe implements PipeTransform {

  transform(value: any): any {
    return Months[value];
  }

}
enum Months{
  "Jan"=1,
  "Feb"=2,
  "Mar"=3,
  "Apr"=4,
  "May"=5,
  "Jun"=6,
  "Jul"=7,
  "Aug"=8,
  "Sep"=9,
  "Oct"=10,
  "Nov"=11,
  "Dec"=12,
}

然后在 html 中写入管道以转换为 html 中的数字。演示

推荐阅读