离子角日历组件

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

谢谢。