使用 ion-datetime v4 而不是 v6

Question

我正在開發一個主要使用離子框架 v4 構建的離子項目。 最近更改了我的系統設置后，我無法顯示我的日期時間組件，因為它在 ionic v4 下

我想顯示我的日期時間如下：

而不是現在的樣子：

如何強制 ionic 使用 v4 組件而不是 v6？

Answer 1

在尋找一個好主意並保留 ionic 的版本之后，您可以使用 multipicker 作為日期選擇器，我知道這不是最好的解決方案，但是在相同的視圖下更接近的方法，這里是一天的例子- 月份選擇器

放入您的 html：

<ion-item>
<ion-input type="">{{pdate}}</ion-input>
</ion-item>
<ion-button expand="block" (click)="presentPicker()">Show Picker</ion-button>

放入您的 controller：

private pdate: string;
constructor(private pickerController: PickerController) { }
...
async presentPicker() {
const picker = await this.pickerController.create({
  buttons: [
    {
      text: 'Confirm',
      handler: (selected) => {
        this.pdate = selected.day.value +selected.month.value ;
      },
    }
  ],
  columns: [
    {
      name: 'day',
      options: [
        { text: '01', value: '01' },
        { text: '02', value: '02' },
        { text: '03', value: '03' },
      ]
    },
    {
      name: 'month',
      options: [
        { text: 'Jan', value: '01' },
        { text: 'Feb', value: '02' },
        { text: 'Mar', value: '03' },
      ]
    }
  ]
});
await picker.present();

}

Answer 2

您需要按照此命令安裝 ionic v4

npm install -g ionic@5.0.0