Question

我在mat-radio-group中有材料的datepicker作为选项之一。当用户选择FFM单选按钮时，打开datepicker控件并且用户选择日期，但如果用户选择FFM选项而不从datepicker对话框中选择日期而不是单击屏幕上的其他位置，则datepicker输入控件没有值，但在内部datechange事件分配当前日期。我按照这篇文章尝试了ngModel选项 44356173，但它不起作用。我要做的是，检查用户是否从datepicker对话框中选择了一个日期，如果没有，则表单不应该有效。

<mat-radio-group formControlName="installStatus" [(ngModel)]="installStatus">
    <mat-radio-button value="8555">8555 - Delay Crew</mat-radio-button>
    <mat-radio-button value="9000">9000 - Self Install</mat-radio-button>
    <mat-radio-button value="FFM" (click)="datePicker.open()">
        <mat-input-container>
            <input [(ngModel)]="date" matInput [matDatepicker]="datePicker" placeholder="FFM">
            <mat-datepicker #datePicker></mat-datepicker>
        </mat-input-container>
    </mat-radio-button>
</mat-radio-group>

export class AddsaleComponent implements OnInit {
  date: any;
}

Answer 1

哇，这是一个比较老的问题。根据您在问题中列出的帖子，您似乎可以添加一个(dateChange)事件，并且您会知道用户在日期选择器对话框中选择了一个日期。

材料Datepicker检查值为空

1 个答案: