離子角日歷組件

Question

我正在為我的項目使用 Ionic 5 和 Angular 10。

我正在尋找任何可以幫助我制作這樣的日歷的組件。

謝謝！！

Answer 1

我會推薦ion-datetime並嘗試對其進行自定義。 我不確定您是否能夠使它看起來與圖片中的完全一樣，但我仍然認為這是最好的解決方案。

Answer 2

日歷和離子不太喜歡彼此，所以我建議您使用離子頁面創建一個全新的。

如果你想使用 ion2-calendar 插件， https: //www.npmjs.com/package/ion2-calendar，我用過幾次，有一個“周視圖”類型的日歷。

我建議您遵循本教程： https : //devdactic.com/ionic-5-calendar-modal/ ，當您進入日歷選項定義時，將“月”更改為“周”：

calendar = {
   mode: 'week',
   currentDate: new Date(),
};

 selectedDate: Date;

@ViewChild(CalendarComponent) myCal: CalendarComponent;

constructor(
    private alertCtrl: AlertController,
    @Inject(LOCALE_ID) private locale: string,
    private modalCtrl: ModalController
  ) {}

Answer 3

請使用這個，我想這和你想要的一樣。

https://github.com/hsuanxyz/ion2-calendar

謝謝。