更新记录

1.0.1（2024-12-19） 下载此版本

• 初始版本发布
• 基础日历功能
• 支持日期选择
• 支持禁用日期
• 支持自定义事件

平台兼容性

lkl-calendar-pro

一个功能强大、易用的日历选择组件，支持单选、多选和范围选择，并且包含农历显示功能。

特性

• 支持三种选择模式：单选、多选和范围选择
• 支持农历日期显示
• 支持自定义主题颜色
• 支持禁用日期
• 优雅的选择交互
• 支持 Vue2 和 Vue3

安装

在插件市场中搜索并导入 lkl-calendar-pro 组件。

使用方法

<template>
  <lkl-calendar-pro
    v-model="selectedDate"
    :mode="mode"
    :lunar="true"
  />
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '',
      mode: 'single' // 'single' | 'multiple' | 'range'
    }
  }
}
</script>

API

Props

Events

day 对象结构

{
  date: '1',           // 日期
  fullDate: '2024-12-19', // 完整日期
  lunar: '初五',       // 农历日期
  isToday: true,      // 是否是今天
  disabled: false,     // 是否禁用
  currentMonth: true   // 是否是当前月份
}

示例

单选模式

<lkl-calendar-pro v-model="date" mode="single" />

多选模式

<lkl-calendar-pro v-model="dates" mode="multiple" />

范围选择

<lkl-calendar-pro v-model="dateRange" mode="range" />

显示农历

<lkl-calendar-pro v-model="date" :lunar="true" />

自定义主题色

<lkl-calendar-pro v-model="date" themeColor="#ff4757" />

更新日志

查看 CHANGELOG.md 了解详细更新记录。

许可证

MIT