Angular datepicker Форматирование даты, введенной во входные данные (гггг-мм-дд) - PullRequest
0 голосов
/ 31 января 2020

Я хочу рассчитать оставшееся время после получения даты окончания из поля ввода, для этого формат даты должен быть в форме (гггг-мм-дд), так что мне нужно выполнить извлечение берет дату с формат в виде кода (дд.мм.гггг). Во-первых, строка ввода отвечает на мою проблему, но я не могу использовать maxDate и minDate с вводом на первом месте.

  1. Мне просто нужно использовать maxDate и minDate с Html5 вводом
  2. Мне нужно отредактировать формат с помощью mat-datepicker-toggle

Достаточно, чтобы была возможность выполнить только одну из работ 1 или 2

Может Вы помогаете?

html содержание

<input class="form-control" id="example-date" type="date" name="date" formControlName="estimatedEndDate" [value]="datedata | date: 'yyyy-MM-dd'">

<mat-form-field appearance="outline">
    <input matInput
        [matDatepicker]="picker"
        [max]="maxDate"
        [min]="minDate"
        formControlName="estimatedEndDate" />
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

.ts содержание

@Component({
    selector: 'app-yetkili-board',
    templateUrl: './yetkili-board.component.html',
    styleUrls: ['./yetkili-board.component.scss'],
    providers: [
        { provide: MAT_DATE_LOCALE, useValue: 'tr-TR' },
        {
            provide: DateAdapter,
            useClass: MomentDateAdapter,
            deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]
        },
    ]
})

export class YetkiliBoardComponent implements OnInit {
datedata = Date.now();
ay = new Date().getMonth() + 1;
today = new Date().getDate()
gun = new Date().setDate(this.today + 1);
minDate: Date;
maxDate: Date;
constructor(
    ...
) {
    this.minDate = new Date();
    this.maxDate = new Date();
    this.minDate.setDate(this.minDate.getDate() + 1);
    this.maxDate.setDate(this.maxDate.getDate() + 30);
  }
this.modalForm1 = this.formBuilder.group({
    ...
    estimatedEndDate: new FormControl(new Date().getFullYear() + "-" + this.ay + "-" + this.gun, [RequiredIf(() => this.modalStatusId === 1)]),
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...