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')