角度 - MdDatepickerが期待どおりに動作しない

Question

私はでそれを実装するために管理最初のものは「FROMDATE」を表して2つ目は「のToDate」を表している（角度/材料@から来る

を2 datepickersを使用しています - 入力フィールドをクリックすると、（アイコンをクリックするだけでなく）カレンダーが表示されます。 - ユーザーが何も入力しないようにしてください入力フィールド

最初の問題については、サイトでこのユースケースについて何も書かれていませんが、私はfocusプロパティしかし動作しませんでした。 第二の問題については、私が見つけた唯一の方法はdisableに入力フィールドである（しかし、それは私のためのソリューションではありません）

は、ここで私は私のHTMLを持っているものです。

<div class="input-group"> 
    <input mdInput [mdDatepicker]="datepickerFrom" [max]="endDate"> 
    <button mdSuffix [mdDatepickerToggle]="datepickerFrom"></button> 
    <md-datepicker #datepickerFrom [startAt]="startDate" (selectedChanged)="onSelectStartDate($event)"></md-datepicker> 
</div 

<div class="input-group"> 
    <input mdInput [mdDatepicker]="datepickerEnd" [min]="startDate" [disabled]="true" [max]="endDate"> 
    <button class="input-group-addon" [mdDatepickerToggle]="datepickerEnd"></button> 
    <md-datepicker #datepickerEnd [startAt]="startDate" (selectedChanged)="onSelectEndDate($event)"></md-datepicker> 
</div> 

のいくつかを説明するために属性を指定すると、最初の日付ピッカー（FromDate）で日付を選択すると、この日付に2番目の日付ピッカーが開始されます。

はあなたの助けをありがとう:)

Answer 1

あなたはinputタグにfocusまたはclickにdatepickerダイアログを開きopenメソッドを使用することができます。

あなたはより多くの参照が必要な場合は、このdemo