如何自定义Ionic Datetime？

Question

有没有办法改变这个组件的样式？ 不仅有一些基本的东西，比如颜色和大小，还有整个风格，按钮等等。

Answer 1

首先，请查看文档：

https://ionicframework.com/docs/api/components/datetime/DateTime/

Ionic DateTime组件看起来像这样：

<ion-item>
  <ion-label>Date</ion-label>
  <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="myDate"></ion-datetime>
</ion-item>

[(ngModel)]跟踪您可以在控制器内自行设置的变量。 displayFormat是您日期的comman格式架构。如果要以德语格式显示，则必须编写DD.MM.YYYY。

对于样式修改，请检查：

https://ionicframework.com/docs/api/components/datetime/DateTime/#sass-variables。每种设备类型有五种类型（iOS，Android和已弃用的Windows Phone）：

• $datetime-ios-padding-top
• $datetime-ios-padding-end
• $datetime-ios-padding-bottom
• $datetime-ios-padding-start
• $datetime-ios-placeholder-color

有关工作示例，请查看Ionic的GitHub页面：

• HTML https://github.com/ionic-team/ionic/blob/master/demos/src/datetime/pages/page-one/page-one.html
• TypeScript https://github.com/ionic-team/ionic/blob/master/demos/src/datetime/pages/page-one/page-one.ts