Angular2 - 在反应表单上设置日期字段

### Angular2 中设置日期字段的方法

typescript
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
  selector: 'app-date-form',
  templateUrl: './date-form.component.html',
  styleUrls: ['./date-form.component.css']
})
export class DateFormComponent {
  dateForm: FormGroup;
  constructor(private formBuilder: FormBuilder) {
    this.dateForm = this.formBuilder.group({
      selectedDate: ['', Validators.required] // 设置日期字段，初始为空，且为必填项
    });
  }
  // 获取日期字段的值
  get selectedDate() {
    return this.dateForm.get('selectedDate');
  }
  onSubmit() {
    // 在此处添加提交表单的逻辑
    console.log(this.dateForm.value);
  }
}

html
  
    选择日期：
    
  
  提交

typescript
import { DatePipe } from '@angular/common';
// ...
constructor(private formBuilder: FormBuilder, private datePipe: DatePipe) {
  // ...
}
getFormattedDate() {
  const selectedDate = this.dateForm.get('selectedDate').value;
  const formattedDate = this.datePipe.transform(selectedDate, 'yyyy-MM-dd');
  console.log('Formatted Date:', formattedDate);
}