uni-calendar 的使用

uni-calendar是一个基于Vue.js的轻量级日历组件，它允许你在Web应用中方便地展示日期选择、事件管理等功能。以下是uni-calendar的基本使用步骤：

1. **安装**: 使用npm或yarn安装组件：

   npm install uni-calendar
   // 或者
   yarn add uni-calendar

2. **引入组件**：在Vue项目中导入组件并注册它：

   import Calendar from 'uni-calendar';
   Vue.component('calendar', Calendar);

3. **在模板中使用**：

   <template>
     <calendar :options="calendarOptions" @on-change="handleChange"></calendar>
   </template>

`options`属性用于配置日历的行为，比如初始显示日期、可选范围等。

4. **设置配置项**：

   data() {
     return {
       calendarOptions: {
         startDate: new Date(), // 默认当前日期
         endDate: null,
         showWeekNumbers: true,
         events: [], // 可能包含一组事件对象
       },
   }

5. **处理事件回调**：

   methods: {
     handleChange(date) {
       console.log('用户选择了日期:', date);
     },
   }

6. **定制样式**：你可以自定义组件的外观，通过CSS或主题系统调整。