ionic的时间选择器

一、ionic的时间选择器

ionic的时间选择有目前我知道的有两个

• 基于native的时间选择，chrome调试很不方便，并且还不支持到显示年月模式。
• ionic自己封装的一个component组件，劣迹斑斑。
  基于native的在这里不做介绍了，看看官网就能整明白，三种模式中没有年月模式。

二、基于component组件实现ionic的年月选择

• 代码实现：

          <ion-datetime [(ngModel)]="this.qryTestDate" displayFormat="YYYYMM" pickerFormat="YYYYMM" placeholder="{{qryDate}}"  max="{{maxDate}}" cancelText="取消" doneText="确定" mode="ios" (ionChange)="changeDate('1')"></ion-datetime>

• 实现效果：
  

三、基于component组件实现ionic的年月选择，滑动在console控制台报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false

谷歌了下，解决方案：
在html节点上加上：touch-action: none