Html 使用{{currentDate | date:';MMM';}获取接下来的两个月

Html 使用{{currentDate | date:';MMM';}获取接下来的两个月,html,Html,使用{{currentDate | date:'MMM'}}我们得到当前月份。但是,我们如何利用这种逻辑获得接下来的两个月呢 我试着使用“MMM+1”和“MMM+1”,但运气不好。试着用这样的管道来表示日期: import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'addMonth' }) export class AddMonthPipe implements PipeTransform { trans

使用
{{currentDate | date:'MMM'}}
我们得到当前月份。但是,我们如何利用这种逻辑获得接下来的两个月呢


我试着使用“MMM+1”和“MMM+1”,但运气不好。

试着用这样的管道来表示日期:

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

@Pipe({
  name: 'addMonth'
})
export class AddMonthPipe implements PipeTransform {

  transform(value: Date | number): number {
    const date = new Date(value);
    return date.setMonth(date.getMonth() + 1);
  }

}
和HTML格式:

 {{currentDate | addMonth | date:'MMM'}}
加载项HTML:-

当月:
{{currentDate | date:'MMM'}}

下个月:
{{addMonthInCurrentDateValue(1)|日期:'MMM'}}

下一个月到下一个月:
{{addMonthInCurrentDateValue(2)|日期:'MMM'}}

在.ts文件中添加以下代码

addMonthInCurrentDateValue(n) {


let endDate: Date;
let today = new Date();
const nmonth = today.getMonth() + n;
var nextMonthDate = new Date(today.setMonth(today.getMonth() + n));
endDate = new Date(today.getFullYear(), nmonth, 0);
return today;


}