由于在官方的ArtTs中没有找到现成日历组件,所以想着可以自己写一个。现在把自己大概的一个过程写一下记录下
大家忽略一下样式,前期先实现功能,后续会对样式进行优化。
首先是一个头部当天日期,和左右的翻页样式。
然后用ForEach循环生一周的数据,一周是从周日还是周一开始,这个可以设置成配置项,这个value值可以为@State value: string[] = ['一', '二', '三', '四', '五', '六', '日']
下面具体的日期数据,我的思路是首先获取当月第一天是星期几,然后直接用上个月的天数填满当前行,同理结尾也是这个方式
在页面的生命周期函数onPageShow中初始化相关参数
然后分别定义获取上个月的天数,获取下个月的天数的函数方法
然后通过循环把上个月天数,当月天数和下个月天数循环出来
一个基本样式的日历就渲染出来,下篇文章我会带来左右分页点击上个月下个月的功能,还有点击当前日期可以切换年份和月份