Ionic 4 日期

选择日期

<ion-list>
   <ion-item>
  <ion-label>日期</ion-label>
          <ion-datetime display-format="YYYY-MM-DD" picker-format="YYYY MM DD" placeholder="请选择日期"></ion-datetime>
   </ion-item>
</ion-list>

双向数据绑定

**后台：**

day='2019-02-14'

前台：

<ion-list>
  <ion-item>
   <ion-label>双向数据绑定</ion-label>
      <ion-datetime display-format="YYYY-MM-DD" picker-format="YYYY MM DD" [(ngModel)]="day"></ion-datetime>
  </ion-item>
</ion-list>

显示当前日期

前台代码：

<ion-list>
  <ion-item>
   <ion-label>显示当前日期</ion-label>
     <ion-datetime display-format="YYYY-MM-DD" picker-format="YYYY MM DD" [(ngModel)]="nowDay"></ion-datetime>
  </ion-item>
</ion-list>

安装插件：

npm i silly-datetime --save

后台：
引入模块：

Import sd from 'silly-datetime'

public nowDay;
constructor() {
    this.nowDay=sd.format(new Date(),'YYYY-MM-DD');
}

汉化日期“确认，取消”

之前做出来的日期都是英文的：

所以可以汉化一下：

前台：

<ion-list>
  <ion-item>
  <ion-label>汉化日期按钮</ion-label>
         <ion-datetime display-format="YYYY-MM-DD" [pickerOptions]="customPickerOptions" picker-format="YYYY MM DD"></ion-datetime>
   </ion-item>
</ion-list>

后台：

//自定义option
public customPickerOptions={
buttons:[{
  text:'取消',
     handler:() => console.log('Clicked 取消！')
},{
text:'确认',
    handler:() => {
     console.log('Clicked 确认');
}
}]
};