2017-11-08 5 views
1

私はAngular 5アプリで最新のAngular Material 5.0.0-rc0を使用しています。角度のある素材を提供しているdatepickerで日付の範囲を選択しようとしていますが、それに関するドキュメントは見つかりませんでした。datepickerを使用して角度素材5.0.0で日付範囲を選択するにはどうすればよいですか?

startDateを選択するか、またはminDatemaxDateを設定するだけで作業できます。ここではその

<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とは異なることになります。この問題を解決するのを手伝ってください。

答えて

1

現在、日付の範囲を選択する方法はありませんが、issueが必要です。

関連する問題