Skip to main content
correções e formatação
Fonte Link
NoobSaibot
  • 9,8mil
  • 6
  • 29
  • 53

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>
Atualização 1 - segue o outro código que fiz, a data de vencimento está retrocedendo alguns dias.

 
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>

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo 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)
    }

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

 

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 segunda parcela seria 29 de abril. Segue a função e o có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)
 }
Atualização 1 - segue o outro código que fiz, a data de vencimento está retrocedendo alguns dias.

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>

UPDATE, segue o outro código que fizGostaria 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 está retrocedendo alguns dias:::para o dia 30 de março, então a data da segundo parcela exibida seria 30 de abril.Segue a função e o codigo 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)
    }

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

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo 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)
    }

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

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo 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)
    }

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo 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)
    }

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;
        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>
adicionou 1958 caracteres ao conteúdo
Fonte Link

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

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo html

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo html

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

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 segundo parcela exibida seria 30 de abril.Segue a função e o codigo html

Fonte Link
Carregando