离子-日期时间元素验证和性质变化

Question

我想为Ionicion-datetime元素添加一些验证，我有这段代码。

<ion-item>
<ion-label>Birth of Date</ion-label>
<ion-datetime displayFormat="MM/YYYY" pickerFormat="MMMM YYYY" min="1940" max="{{lastYear | date:'yyyy'}}">
</ion-datetime>
</ion-item>

我想在表单中设置此字段必须是必填字段。我希望这个最大年份应该比今年(-16(低16年

到目前为止我一直在尝试这个，但它不起作用

lastYear = null;
this.lastYear = new Date('yyyy');

我试图从中扣除 -16，但给了我这样的错误

无法读取 null 的属性"year">

有人可以给我正确的方法来做这个 2 验证。 谢谢

Answer 1

1. 我想在表单中设置此字段必须是必填字段。

向该组件添加一个表单组，并在该表单组中声明日期和时间的表单控件名称，并将其声明为必需的表单，如以下示例所示

public holidayForm: FormGroup; 
constructor public fb: FormBuilder){
this.holidayForm = fb.group({
'holiday_date': [null, Validators.compose([Validators.required])],
});
}

当您提交表单时，请检查天气表单是否有效，如果有效，则提交，如果无效，则在您的应用程序中显示所需的消息。

2.我希望这个最大年份应该比当前年份(-16(低16年

this.currentTime = new Date();
this.year = this.currentTime.getFullYear();
this.year = this.year - 16;

尝试使用这个希望这对你有帮助