Угловой 7, вычесть календарные дни из ввода даты

Question

В этом приложении Angular 7 пользователь должен выбрать дату из календаря, а затем сгенерировать день на 40 дней раньше.Я не смог понять это в Typescript.Существует множество JavaScript-решений, но я не знаю, как преобразовать их в англоязычную версию для машинописи.Прямо сейчас у меня есть две функции, обе пытаются это сделать (Генерация 1 и Генерация 2), ни одна из них не работает.

При генерации 1 предполагается использование импортированной даты 'add-subtract-date' (npm), но я получаю ошибку Typescript ... "Ошибка TS2580: Не удается найти имя«требуется» «.

Generate 2 не имеет ошибок, просто ничего не делает.
Я тоже не думаю, что мой HTML верен.Я открыт для любых новых идей, просто, пожалуйста, включите также HTML.

component.ts ...

import { Component, EventEmitter, Input, Output, OnInit } from '@angular/core';
import { CalculatorService } from '../calculator.service';
import { add, subtract } from 'add-subtract-date';
import { NgForm } from '@angular/forms';


@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  lastWorkingDay: any;
  isWeekday: string;

  public fortyDaysDate: any;



    private _retireSet: Date;
   get retireSet(): Date {
    return this._retireSet;
   }
   set retireSet(value: Date) {
    this._retireSet = value;

  }


  constructor(private calculatorService: CalculatorService) { 
  } 

  ngOnInit() {

  }


//Generate 1, this worked when using "const d: Date = new Date()"
public daysForty(): any {
  const d: Date = this.retireSet;
  const fortyDaysBack = subtract(d, 40, "days");
  this.fortyDaysDate = fortyDaysBack; 
}


// Generate 2, this does not work
  protected generateLastWorkingDay(): Date {
    const lastWorkingDay = new Date(Date.now()); 
    while(!this.isWorkingDay(lastWorkingDay)) {
      lastWorkingDay.setDate(lastWorkingDay.getDate()-40);
    }    
    return lastWorkingDay;
  }    
  private isWorkingDay(date: Date) {
    const day = date.getDay();
    const isWeekday = (day > 0 && day < 6);
    return isWeekday; 
  }





}

component.html ...

  <form>
        <div class="container">

        <div class="form-group">
            <label for=""retireSet"">Set Date</label>
            <input type="datetime-local" id=""retireSet"" 
      name="RetireCalculatorSetDate" value="retireSet" ngModel 
      #RetireCalculatorSetDate="ngModel" [(ngModel)]="retireSet" class="form-control" />
        </div>

        <div class="form-group">
            <label for="staffID">Staff ID</label>
            <input type="text" id="staffID" name="RetireCalculatorStaffID"
                   [(ngModel)]="RetireCalculatorStaffID" 
                class="form-control" /> 
</div>


        <div>
                <button type="button" class="btn btn-success"
                        (click)="daysForty()">Generate 1</button>       
                <input type="text" name="RetireCalculatorDay45" value="fortyDaysDate" ngModel #RetireCalculatorDay45="ngModel" 
                [(ngModel)]="fortyDaysDate" class="form-control" />        
        </div>

        <div>
            <button type="button" class="btn btn-success" (click)="generateLastWorkingDay()"> Generate 2 </button>    
            <input type="date" class="text-field w-input" name="LastWorkingDay" 
                   value="LastWorkingDay" [(ngModel)]="LastWorkingDay" />
        </div>


        <button type="button" class="btn btn-success"  (click)="sendForm($event)">Submit</button>

        </div>
        </form>

Answer 1

Вы неправильно используете импорт.Помните, что вы импортируете функцию, а не объект.

import { add, subtract } from 'add-subtract-date';
...

//Generate 1
public daysForty(): Date {
  const d: Date = new Date();
  const fortyDaysBack = subtract(d, 40, "days"); // Check this. does subtract() manipulate "d" or create a new date?
  return fortyDaysBack;
}

Ваши вторые функции немного сбивают с толку.Имя функции указывает, что она сгенерирует LastWorkingDay.Однако логика путает с циклом while.