材料日期选择器检查值为空答案

【问题标题】：Material Datepicker check value is empty材料日期选择器检查值为空
【发布时间】：2018-10-02 08:12:46
【问题描述】：

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

<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;
}

【问题讨论】：

标签： angular angular-material

【解决方案1】：

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

【讨论】：