私はAngular 5アプリで最新のAngular Material 5.0.0-rc0
を使用しています。角度のある素材を提供しているdatepicker
で日付の範囲を選択しようとしていますが、それに関するドキュメントは見つかりませんでした。datepickerを使用して角度素材5.0.0で日付範囲を選択するにはどうすればよいですか?
startDate
を選択するか、またはminDate
とmaxDate
を設定するだけで作業できます。ここではその
<mat-form-field>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
</mat-form-field>
とTSコード
import {Component} from '@angular/core';
@Component({
selector: 'datepicker-start-view-example',
templateUrl: 'datepicker-start-view-example.html',
styleUrls: ['datepicker-start-view-example.css'],
})
export class DatepickerStartViewExample {
minDate = new Date(2000, 0, 1);
maxDate = new Date(2020, 0, 1);
}
のHTMLコードです。このコードは、私はそれらの最小と最大の日付の範囲内の1つの日付を選択できますが、それらの範囲を選択することはできません
。サードパーティ製のライブラリを使用することでこの問題は解決されるかもしれませんが、UIのUIが異なるため、現在のアプリのUIとは異なることになります。この問題を解決するのを手伝ってください。