Gostaria de saber como faço para incrementar a data de vencimento de uma compra. Exemplo: a pessoa realizou uma compra, e colocou a data de vencimento para o dia 30 de março, então a data da segundosegunda parcela exibida seria 3029 de abril.Segue Segue a função e o codigo htmlcódigo HTML.
<ion-card *ngFor="let p of parcelasCobranca; let i = index">
Parcela
<ion-item>
<ion-label stacked>
Valor: {{ valorParcela }}
</ion-label>
</ion-item>
<ion-item>
<ion-label stacked>
Data de vencimento *
</ion-label>
<ion-input type="date" formControlName="due_date" name="due_date" id="due_date"></ion-input>
</ion-item>
<ion-item *ngIf="due_date.hasError('required') && due_date.touched">
<p>Digite a data *</p>
</ion-item>
</ion-card>
parcelas() {
this.parcelasCobranca = [];
this.valorParcela = this.amount / this.quantidadeParcelas;
for (let i = 0; i < this.quantidadeParcelas; i++) {
this.parcelasCobranca.push({
due_date:this.due_date.value,
value: this.valorParcela,
});
}
console.log(this.parcelasCobranca)
}
<ion-card *ngFor="let p of parcelasCobranca; let i = index">
Parcela
<ion-item>
<ion-label stacked>Valor: {{ valorParcela }}</ion-label>
</ion-item>
<ion-item>
<ion-label stacked>Data de vencimento *</ion-label>
<ion-input type="date" formControlName="due_date" name="due_date" id="due_date"></ion-input>
</ion-item>
<ion-item *ngIf="due_date.hasError('required') && due_date.touched">
<p>Digite a data *</p>
</ion-item>
</ion-card>
UPDATE - segue o outro código que fiz, e data de vencimento está retrocedendo alguns dias
parcelas() {
this.parcelasCobranca = [];
this.valorParcela = this.amount / this.quantidadeParcelas;
for (let i = 0; i < this.quantidadeParcelas; i++) {
this.parcelasCobranca.push({
due_date:this.due_date.value,
value: this.valorParcela,
});
}
console.log(this.parcelasCobranca)
}
parcelas() {
this.parcelasCobranca = [];
this.valorParcela = this.amount / this.quantidadeParcelas;
let someDate = new Date(this.due_date.value);
for (let i = 0; i < this.quantidadeParcelas; i++) {
someDate.setDate(someDate.getDate() + 30);
let dd = someDate.getDate();
let mm = someDate.getMonth();
let y = someDate.getFullYear();
let someFormattedDate = dd + '-' + mm + '-' + y;
this.parcelasCobranca.push({
due_date: someFormattedDate,
value: this.valorParcela,
});
}
console.log(this.parcelasCobranca)
}
<ion-grid [hidden]="!value">
<ion-card *ngFor="let p of parcelasCobranca; let i = index">
Parcela
<ion-item>
<ion-label stacked>
Valor: {{ valorParcela }}
</ion-label>
</ion-item>
<ion-item>
<ion-label stacked>
Data de vencimento *
</ion-label>
<ion-input type="date" formControlName="due_date" name="due_date" id="due_date"></ion-input>
</ion-item>
<ion-item *ngIf="due_date.hasError('required') && due_date.touched">
<p>Digite a data *</p>
</ion-item>
</ion-card>
</ion-grid>
parcelas() {
this.parcelasCobranca = [];
this.valorParcela = this.amount / this.quantidadeParcelas;
let someDate = new Date(this.due_date.value);
for (let i = 0; i < this.quantidadeParcelas; i++) {
someDate.setDate(someDate.getDate() + 30);
let dd = someDate.getDate();
let mm = someDate.getMonth();
let y = someDate.getFullYear();
let someFormattedDate = dd + '-' + mm + '-' + y;
this.parcelasCobranca.push({
due_date: someFormattedDate,
value: this.valorParcela,
});
}
console.log(this.parcelasCobranca)
}
<ion-grid [hidden]="!value">
<ion-card *ngFor="let p of parcelasCobranca; let i = index">
Parcela
<ion-item>
<ion-label stacked>Valor: {{ valorParcela }}</ion-label>
</ion-item>
<ion-item>
<ion-label stacked>Data de vencimento *</ion-label>
<ion-input type="date" formControlName="due_date" name="due_date" id="due_date"></ion-input>
</ion-item>
<ion-item *ngIf="due_date.hasError('required') && due_date.touched">
<p>Digite a data *</p>
</ion-item>
</ion-card>
</ion-grid>