更新记录

1.0.0（2021-09-23）

初次提交

平台兼容性

日历组件

简单介绍

• 通过uni_modules引用组件，在页面template中即可直接使用，无需在页面中import和注册components；
• 可通过触摸屏幕左右滑动切换月份，会有动画效果；使用其它方式(如点击上月下月按钮)则没有动画效果；
• 可根据需要选择是否显示农历日期，且会显示节日，如春节、端午、国庆、腊八节等；
• 本组件农历转换使用的js是 @1900-2100区间内的公历、农历互转
• 欢迎大家下载使用，项目源码示例：https://gitee.com/lunc9932/calendar
• 有问题或需求，在评论区提出，我看到后会尽快修改，也可下载后自行修改；

API

属性说明

注意：

1. 标记日期会在日期下方显示“title”内容，建议“title”内容不超过4个汉字；
2. 农历日期、节日、标记日期，只会显示其一，优先级 标记 > 节日 > 农历日期；

@dayChange 返回值 dayInfo 说明

@monthChange 返回值 monthInfo 说明

基本用法

在template中使用组件

<view>选择的日期：{{selDate}}</view>
<view class="sel-calendar">日期事件：{{dayEvent}}</view>
<lunc-calendar :showLunar="true" :showMonthBg="false" :shouChangeBtn="true" firstDayOfWeek="sunday"
  :weekend="true" :signList="signList" @dayChange="dayChange" @monthChange="monthChange">
</lunc-calendar>

在script中使用

export default {
  data() {
    return {
      selDate: "",
      dayEvent: "",
      signList: [{
        date: '2021-09-08',
        title: '生日',
        info: '八月初四张三生日'
      }, {
        date: '2021-09-20',
        title: '朋友聚会'
      }],
    }
  },
  methods: {
    dayChange(dayInfo) {
      console.log(JSON.parse(JSON.stringify(dayInfo)));
      this.selDate = dayInfo.date;
      this.dayEvent = dayInfo.daySign.title;
    },
    monthChange(monthInfo) {
      console.log(JSON.parse(JSON.stringify(monthInfo)));
    },
  }
}