选择日期 |
<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 确认');
}
}]
};