离子角度日历组件答案

【问题标题】：Ionic Angular Calendar Component离子角度日历组件
【发布时间】：2021-06-30 09:15:30
【问题描述】：

我在我的项目中使用 Ionic 5 和 Angular 10。

我正在寻找任何可以帮助我制作这样的日历的组件。

谢谢！！

【问题讨论】：

标签： angular ionic-framework components

【解决方案1】：

日历和 ionic 不太喜欢彼此，所以我建议您使用 ionic 页面创建一个全新的。

如果你想使用 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
  ) {}

编辑： 当我为日历寻找新的插件或组件时，我发现了这个： https://openbase.com/categories/js/best-angular-calendar-libraries

有几个日历选项可供选择，但我最终删除了 ionic2-calendar 并继续使用 angular-calendar。

【讨论】：

【解决方案2】：

我会推荐ion-datetime 并尝试自定义它。我不确定你是否能够让它看起来和图片中的一模一样，但我仍然认为这是最好的解决方案。

【讨论】：

【解决方案3】：

请用这个吧，我觉得和你想要的一样。

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

谢谢。

【讨论】：