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;
}