Ionic Angular 日历组件

Question

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

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

谢谢！！

Answer 1

我会推荐 ion-datetime 并尝试自定义它。不知道你们能不能做到和图片一模一样，不过我觉得还是最好的方案。

Answer 2

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

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

谢谢。

Answer 3

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

如果你想使用ion2-calendar插件， https://www.npmjs.com/package/ion2-calendar 我用过几次，有一种 'week-view' 类型的日历。

我建议您按照本教程进行操作： https://devdactic.com/ionic-5-calendar-modal/ 当您到达日历选项定义时，将 'month' 更改为 'week':

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。

Ionic Angular 日历组件

Ionic Angular Calendar Component

components

ionic-framework

angular