横向日历组件

安装命令 npm i caochenguang-ui

项目使用

组件依赖vue 3.2.0以上，vant版本3.6.0以上
import { createApp } from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
import CcgUI from "caochenguang-ui";
import 'caochenguang-ui/style.css';//引入样式文件

createApp(App).use(Vant).use(CcgUI).mount('#app')

组件使用

<horizontal-calendar :active="thisDate" @changeDate="setDate" />

接收4个参数Props，提供一个event：changeDate
props type
interface Props {
startDate?: Date;
endDate?: Date;
active?: string;
activeDateArray?: string[];
}
startDate：日历起始时间，默认今天;
endDate：日历结束时间，默认今天之后30天;
active：被选中时间格式:"YYYY-MM-dd"，默认今天;
activeDateArray：可以点击的日期,格式:["YYYY-MM-dd","YYYY-MM-dd","YYYY-MM-dd"...],默认空，全部可以点击;

Event
当active日期变化时（点击新日期），触发函数changeDate，回调参数(value:Date)