@tongziyang/uni-calendar-plugin

uni-calendar-plugin

一个功能丰富的日历插件，专为uniapp开发，使用Vue3 + Composition API + TypeScript构建。

功能特点

• 支持公历日历和农历日历显示
• 支持单选日期和区间日期选择
• 酒店入住选择功能，可显示价格
• 打卡功能和往期打卡标记
• 节假日标记（休息标签）
• 支持年、月、周、日视图切换
• 高度自动伸缩适应内容
• 兼容所有平台（H5、App、微信小程序等）

安装

# 使用npm
npm install uni-calendar-plugin

# 使用yarn
yarn add uni-calendar-plugin

# 使用pnpm
pnpm add uni-calendar-plugin

使用方法

<template>
  <uni-calendar-plugin 
    v-model="selectedDate"
    :mode="mode"
    :show-lunar="showLunar"
    @date-click="handleDateClick"
  />
</template>

<script setup lang="ts">
import { ref } from 'vue';
import UniCalendarPlugin from 'uni-calendar-plugin';

const selectedDate = ref(new Date());
const mode = ref('month'); // 'year', 'month', 'week', 'day'
const showLunar = ref(true);

const handleDateClick = (date: Date) => {
  console.log('Selected date:', date);
};
</script>

配置选项

事件

插槽

贡献

欢迎提交问题和功能请求。

许可证

MIT