1. 使用SsVueCalendar组件

  npm install ss-vue-calendar
  import SsVueCalendar from 'ss-vue-calendar'
  import "ss-vue-calendar/style.css"
  createApp(App).use(SsVueCalendar).mount('#app')
  // 如果项目中ts警告，`npm install @xxxxx` (如果存在)，或者添加一个包含 `declare module ‘xxxxx‘；` 的新声明(.d.ts)文
  // 只需要在src下创建index.d.ts，内容是：declare module 'ss-vue-calendar'

2. SsVueCalendar属性

  <ss-vue-calendar :width='480' :height='480' :islunarCalendar='false'></ss-vue-calendar>

| 属性 | 说明 | 类型 | 默认值 | | ---- | ---- |---- | ---- | | width | 宽度，支持数字/px/% | number/string | 480 | | height | 高度，支持数字/px/% |number/string | 480 | | islunarCalendar | 是否显示农历 |boolean | true |

3. SsVueCalendar事件

  <ss-vue-calendar @resetTodayHandle='xx' ></ss-vue-calendar>

| 事件 | 说明 | 参数类型 | | ---- | ---- |---- | | resetTodayHandle | 点击‘今天’按钮触发 | params ，今天的年月日信息 | | selectDayHandle | 点击可点击日期触发 |params，选中日的年月日信息 | | currentSelectDayHandle | 监听到选中日变动时触发 |params，选中日的年月日信息 | | updateYearHandle | 年下拉框选中时触发 |number，选中的年 | | updateMonthHandle | 月下拉框选中时触发 |number，选中的月 |

其中params参数

  {
    day: 阳历日
    month: 阳历月
    type: "current"  //current表示当月，last表示上月,next表示下月
    week: 阳历周 // 0~6分别代表周日到周六
    year: 阳历年
    lunarDay: 农历日
    lunarMonth: 农历月
    lunarYear: 农历年
  }

4. SsVueCalendar插槽

  <ss-vue-calendar>
    <template #tableHeader="scope">
      <!--scope中包含currentYear，currentMonth，currentDay信息-->
    </template>
    <template #theadCell="scope">
      <!--scope中包含星期几【'日', '一', '二', '三', '四', '五', '六'】的信息-->
    </template>
    <template #tbodyCell="scope">
      <!--scope中包含当前单元格日期信息-->
    </template>
  </ss-vue-calendar>

| 插槽名 | 说明 | | ---- | ---- | | tableHeader | 可替换表格头部，如年月下拉框等 | | theadCell | 可替换表格头部周一，周二..... | | tbodyCell | 可自定义单元格内容以及样式 |