如何修复angular中的“上一步”和“下一步”按钮

如何修复angular中的“上一步”和“下一步”按钮,angular,Angular,如何修复“上一步”和“下一步”按钮?单击“下一步”后,它不会更改它。再次单击“下一步”按钮时,它只会更改一次 这是密码 list.component.html 今天 列表.组件.ts calAction(事件:任意){ 让我们开始:任何; 让endDT:任何; 开关(事件){ “下一个”案例: startDT=新日期(此.startDate); startDT.setDate(startDT.getDate()+7); endDT=新日期(此.endDate); endDT.setDate(

如何修复“上一步”和“下一步”按钮?单击“下一步”后,它不会更改它。再次单击“下一步”按钮时,它只会更改一次

这是密码 list.component.html


今天
列表.组件.ts

calAction(事件:任意){
让我们开始:任何;
让endDT:任何;
开关(事件){
“下一个”案例:
startDT=新日期(此.startDate);
startDT.setDate(startDT.getDate()+7);
endDT=新日期(此.endDate);
endDT.setDate(endDT.getDate()+7);
this.weekRange=格式(startDT,'DD')+“~”+格式(endDT,'DD');
返回false;
‘今日’个案:
log('-today');
打破
“先前”案例:
startDT=新日期(此.startDate);
startDT.setDate(startDT.getDate()-7);
endDT=新日期(此.endDate);
endDT.setDate(endDT.getDate()-7);
this.weekRange=格式(startDT,'DD')+“~”+格式(endDT,'DD');
打破
默认:中断;
}
}

示例单击“下一步”时,它只会更改一次。当您再次单击它时,它将不会转到下周。

它将始终为
此.startDate
此.endDate
值添加7天


您需要设置
this.startDate
this.endDate
的日期,而不是
startDT
endDT
,这两个变量将始终收到相同的值,因为您从不根据周周期值或组件变量更新
this.startDate
this.endDate
当您单击时不会更改,因此每次单击的结果都是相同的
this.startDate.setDate(this.startDate.getDate()-7)
this.endDate.setDate(this.endDate.getDate()-7)