ngbDatepickerをマークする方法値が選択されていない場合でもフォームに有効

Question

Angular2プロジェクトのリアクティブフォームでng-bootstrapのngbDatepickerを使用しています。日付はオプションですが、ngbDatepickerは常にフォームをInvalid日付が選択されます。

ngbDatepickerをフォームの検証から除外する方法、または値が設定されているかどうかをValidに戻すように設定する方法はありますか？

Answer 1

問題はフォームの値をどのように初期化していたかにあります。空の文字列にデフォルト値を設定して、日付をnullに初期化する必要がありました。だから私はこれをやっていた：私はこれをやっている必要があります場合は

replicantForm = this.fb.group({ 
     name: ['', Validators.required], 
     incepdate: '', 
     longevity: '' 
    }) 

：

replicantForm = this.fb.group({ 
     name: ['', Validators.required], 
     incepdate: null, 
     longevity: '' 
    }) 

感謝を@にpkozlowski - オープンソースを明確化するために。

Answer 2

受け入れられた回答とその後の更新でうまくいかないという事実に対応して、私は次のハックを使用して、コントロールが有効でないか無効な日付が挿入されていることを確認しました。

あなたが私に尋ねるとバリデータの値を変更するのは面倒ですが、ngb-datepickerが内部的に値を設定するまでは完了です。所望の制御上の

カスタムバリデータ：

validateOptionalDate(control: AbstractControl) { 
    if (!(control.value instanceof Object) && control.value !== null) { 
    control.patchValue(null, { 
     onlySelf: true, 
     emitEvent: false, 
     emitModelToViewChange: true, 
     emitViewToModelChange: false 
    }); 
    } 
}