@moluoxixi/calendar
v1.3.8
Published
Calendar 组件
Keywords
Readme
Calendar 日历组件
- 由于日历固定显示6*7个格子,因此不需要专门计算多少天,直接通过dayjs计算即可
- 这里如果用原生的Date对象,可以通过day传0获取到上一个月的具体天数,例如new Date(2023, 1, 0).getDate()-->31
- dayjs内有封装的方法,例如dayjs().daysInMonth(),获取到这个月的天数
- 将日历分为两部分,头部和日历显示部分
- 头部提供月份切换功能,与今日选择功能,
- 月份切换功能通过dayjs的subtract和add方法实现,例如dayjs().subtract(1, 'month')
- 今日选择功能通过dayjs(new Date())实现
- 日历部分分为周一到周日的显示,和具体日期的显示
- 周一到周日的显示通过数组维护
- 具体日期的显示通过dayjs的date方法实现
- 所有日期的显示通过locale文件夹维护国际化
