2017-08-18 20 views
3

日付オブジェクトとして認識されていない値iは、角材料2日付ピッカーでの問題に苦しんだ、最後npm install前 は、それが正常に働いていたと今私が得る:エラー:日付ピッカー:昨日からDateAdapter

ERROR Error: Datepicker: value not recognized as a date object by DateAdapter. 
HolidayRequestComponent.html:21 

21行目はどこ<input開始

<md-input-container [formGroup]="dateRangeForm"> 
    <input 
    mdInput 
    name="date_from" 
    [mdDatepicker]="from" 
    placeholder="Start date" 
    formControlName="holidayDataControl" 
    [ngModel]="date_from" 
    > 
<md-datepicker-toggle mdSuffix [for]="from"></md-datepicker-toggle> 
</md-input-container> 
<md-datepicker #from></md-datepicker> 

マイcomponent.tsです:

import {Component, OnInit, Inject } from '@angular/core'; 
import {MD_DIALOG_DATA, MdDialog } from '@angular/material'; 
import {FormBuilder, FormControl, FormGroup, NgForm, Validators} from '@angular/forms'; 
import {Observable} from 'rxjs/Observable'; 


@Component({ 
    selector: 'app-holiday-request', 
    templateUrl: './holiday-request.component.html', 
    styleUrls: ['./holiday-request.component.css'] 
}) 

export class HolidayRequestComponent implements OnInit { 

    public date_from = new Date(); 

    constructor(@Inject(MD_DIALOG_DATA) public data: any, 
       private fb: FormBuilder, 
      ) { 

     this.dateRangeForm = new FormGroup({ 
     holidayDataControl: new FormControl('', Validators.required) 
     }); 

     } 
    } 

答えて

7

https://github.com/angular/material2/issues/6265

によれば、空の文字列が許容値ではなく、それは次のエラーを上げている。

Datepicker: value not recognized as a date object by DateAdapter. 

そう溶液

this.dateRangeForm = new FormGroup({ 
     holidayDataControl: new FormControl('', Validators.required) 
     }); 

を変更することです

this.dateRangeForm = new FormGroup({ 
     holidayDataControl: new FormControl(null, Validators.required) 
     }); 
+0

私は時間を節約してくれてありがとう! –