主页 / 问题 / 1418729
Accepted
Nikita
Asked:2022-08-10 03:56:16 +0000 UTC2022-08-10 03:56:16 +0000 UTC

帮助写一个函数来阻止日期

  • 772

有日历

<ngb-datepicker #dp 
    [(ngModel)]="models" 
    (navigate)="date = $event.next"
    [markDisabled]="isDisabled"
    (click)="sendAddDate($event)">
</ngb-datepicker>

[markDisabled] = "isDisabled"负责屏蔽ts中的日期范围。帮助写法isDisabled

我得到一个带有日期范围数组的 json 文件，格式如下：

[{StartDate: <'DD.MM.YYYY>', EndDate: '<DD.MM.YYYY>'}, ...]

功能isDisabled- 您需要插入一个数组（如下所示，以便阻止其中的所有日期）

tripsDate: [{ StartDate: '', EndDate: '' }] = 
           [{StartDate: '', EndDate: ''}];

isDisabled = (date: NgbDate) =>
    date.month == 6 && date.day >= 13 && date.day <= 22;

我修复了这段代码，但它不起作用

isDisabled = (date: NgbDate) => {
    for(const d of this.tripsDate) {
      // Если попали в интервал, то возвращаем true
      let x = new Date(d.StartDate)
      let y = new NgbDate(x.getFullYear(),x.getMonth(),x.getDay())
      let z = new Date(d.EndDate)
      let w = new NgbDate(z.getFullYear(),z.getMonth(),z.getDay())
      if (date.after(y) && date.before(w)) {
        return true;
      }
    }
    return false;
  }
angular ts

1 个回答

  1. Best Answer

    借助NgbDate 类的这些功能

    isDisabled = (date: NgbDate) => {

    // Функция преобразования вашего формата даты в NgbDate
    // fromDate должна быть в формате DD.MM.YYYY (то есть как у вас)
    const toNgbDate = (fromDate: string): NgbDate | undefined => {
        const a: string[] = fromDate.split('.');
        if (!a || a.length != 3) {
            return undefined;
        }

        return NgbDate.from({
            year:  +a[2],
            month: +a[1],
            day:   +a[0]
        });
    };

    for(const d of tripsDate) {
        const start: NgbDate | undefined = toNgbDate(d.StartDate);
        const end:   NgbDate | undefined = toNgbDate(d.EndDate);
        
        // Обе границы должны быть валидны
        if (!start || !end) {
            continue;
        }

        // Если интервал типа [...) 
        if (date.equals(start)) {
            return true;
        }

        // Либо, если интервал типа [...] 
        // if (date.equals(start) || date.equals(end)) {
            // return true;
        // }

        // Если попали в интервал, то возвращаем true
        if (date.after(start) && date.before(end)) {
            return true;
        }
    }
    return false;
}
    • 1

相关问题