Validation 离子日期时间不绑定模型
大家好,这件事快把我逼疯了 我有以下代码:Validation 离子日期时间不绑定模型,validation,ionic2,Validation,Ionic2,大家好,这件事快把我逼疯了 我有以下代码: <form (ngSubmit)="search()" #rosterSearchForm="ngForm"> <ion-row> <ion-col> <ion-list inset> <ion-item> <ion-datetime type="text" placeholder="Year" displayFormat="Y
<form (ngSubmit)="search()" #rosterSearchForm="ngForm">
<ion-row>
<ion-col>
<ion-list inset>
<ion-item>
<ion-datetime type="text" placeholder="Year" displayFormat="YYYY" name="year" [(ngModel)]="data.rq.Year" required></ion-datetime>
</ion-item>
<ion-item>
<ion-datetime type="text" placeholder="Month" displayFormat="MM" name="month" [(ngModel)]="data.rq.Month" required></ion-datetime>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="signup-col">
<button ion-button class="submit-btn" full type="submit" [disabled]="!rosterSearchForm.form.valid" >Search</button>
</ion-col>
</ion-row>
</form>
搜寻
第一个日期选择器与ngmodel进行绑定。
第二个没有。
我需要将年份和月份分别作为文本(例如“2017”和“11”)获取。
验证也总是失败,提交按钮永远不会激活
事情似乎很简单。但我看不出错误。
我快疯了。请帮帮我。您不能使用
ion-datetime
,因为它不受支持。您可以使用以下代码:
<ion-row>
<ion-col>
<ion-list inset>
<ion-item>
<ion-datetime type="text"
placeholder="Select Month And year"
displayFormat="MM/YYYY"
pickerFormat="MM YYYY"
name="month"
[(ngModel)]="rosterSearchForm.month" required>
</ion-datetime>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="signup-col">
<button ion-button class="submit-btn" full type="submit"
[disabled]="!rosterSearchForm.form.valid" >Search</button>
</ion-col>
</ion-row>
</form>
我最终做了这样的事:
<ion-label stacked>Month</ion-label>
<ion-datetime placeholder="Month"
pickerFormat="MMM YYYY"
displayFormat="MMM YYYY"
[(ngModel)]="month">
</ion-datetime>
<ion-label stacked>Month</ion-label>
<ion-datetime placeholder="Month"
pickerFormat="MMM YYYY"
displayFormat="MMM YYYY"
[(ngModel)]="month">
</ion-datetime>
this.Year = this.datepipe.transform(this.month,'yyyy')
this.Month = this.datepipe.transform(this.month,'MM')