Я хочу рассчитать оставшееся время после получения даты окончания из поля ввода, для этого формат даты должен быть в форме (гггг-мм-дд), так что мне нужно выполнить извлечение берет дату с формат в виде кода (дд.мм.гггг). Во-первых, строка ввода отвечает на мою проблему, но я не могу использовать maxDate и minDate с вводом на первом месте.
- Мне просто нужно использовать maxDate и minDate с Html5 вводом
- Мне нужно отредактировать формат с помощью 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)]),
}