文档地址https://www.hxkj.vip/日历效果图仓库地址github：https://github.com/TangSY/vue3-hash-calendar代码云gitee：https://gitee.com/HashTang/vue3-hash-calendar其他版本vue2.x版本：https://github.com/TangSY/vue-hash-calendarreact版本:https://github.com/TangSY/react-hash-calendarAPIProps属性描述类型是默认需要的，用于控制日历组件的显示或隐藏，需要使用v-model:visibleBooleanfalsenoscroll-change-date来控制滑动时是否修改选择dateBoolean是否为真。模型日历组件以何种形式显示。inline：内联模式。dialog：弹窗方式StringinlineNodefault-datetime指定默认时间。Date当前时间否min-date指定日历的最小日期范围，设置后日历只能在此范围内滑动。date--nomax-date指定日历的最大日期范围，设置后日历只能在此范围内滑动。日期--无格式当日期确定后，回调事件返回的日期格式。如"YY/MM/DDhh:mm","DDYY月MM日,当前时间hh时mm分","MMDD,YYathh:mmF"StringYY/MM/DDhh:mm否week-start将星期几作为日历中每一周的起始周。Optional['sunday','monday','tuesday','wednesday','thursday','friday','saturday']Stringsundaynopicker-typepicker类型datetime:date+timedate:datetime:timeStringdatetimeNoshow-today-button是否显示今天返回按钮Booleantrue否show-week-view是否以周视图显示组件Booleanfalse否show-arrow是否显示指标箭头（日历下方的小箭头）model等于inline时有效Booleanfalse否show-action是否显示日历组件actionbar（标题栏）Booleantrue否show-not-current-month-day是否显示非当前月份日期（灰色部分）thedate)Booleantrue否disabled-week-view禁用周视图（设置为true后，不能上下滑动切换周/月）Booleanfalse否disabled-date设置日期的禁用状态，参数是当前日期，需要返回布尔值（要禁用日期，返回true)Function---nodisabled-time设置时间的禁用状态，参数为当前日期，需要返回布尔值（要禁用时间，返回true）Function---Nodisabled-scrollsets日历的禁止滑动方向。可选['left','right','up','down','horizo??ntal','vertical',true,false]。任何一个都控制一个方向，而true和false控制所有方向。Boolean,Stringfalse否mark-date需要标记的日期，可以根据不同的颜色和不同类型的标记进行分组（不分组默认蓝色）。如：[{color:'red',date:['2019/02/25']},{color:'blue',type:'dot',date:['2019/01/20']},'2019/03/20']Array[]无分步间隔时间。（分步）Number1lang没有选择语言版本。可用值：['CN','EN']StringCN无change-year-fast是否支持点击操作栏（标题栏）日期区域快速切换年份Booleanfalse不使用theme-color修改日历的主题颜色{'main-color':string;'背景色'：字符串；'主要字体颜色'：字符串；'副字体颜色'：字符串；'disabled-bg-color'：字符串；'禁用字体颜色'：字符串；}---禁用日期时没有禁用类名类名。用于修改日期的默认样式String是禁用的---nonot-current-month-day-class-name不是当前显示月份日期的className（比如前几天的灰色部分和日历的接下来几天）。用于修改非当前显示月份的默认样式dateString---无checked-day-class-name选中日期时的className。用于修改选择日期时的默认样式String---notoday-class-name今天日期的className。用于修饰日期的默认样式String---nofirst-day-of-month-class-name每月第一天的类名。用于修改每月第一天的默认样式String---无事件Event事件名称描述参数变化日期变化时触发该事件。(返回的日期格式取决于format属性)(date:当日期改变时，选择的日期)当确认按钮被点击时，触发该事件，该按钮仅在对话框模式下可用。(返回日期的格式取决于format属性)(date:当确认按钮被点击时，选择的日期)当日期被点击时，触发该事件。(返回的日期格式取决于format属性)(date:当前点击的日期)touchstartcalendarslidestart事件，与原生事件相同。(event:touchevent)touchmove日历滑动移动事件，同原事件。(event:touchevent)touchend日历滑动结束事件，同原生事件。(event:touchevent)slidechange日历滑动的方向。返回值：右、左、上、下。(direction:滑动方向)calendarTypeChange日历显示类型切换时触发。返回值：日期、月份、年份、yearRange。（类型：日历显示面板类型）SlotSlotname描述day自定义日期内容。比如可以用来添加农历之类的。配合自定义className使用，效果更佳！参数为{date,extendAttr}，其中extendAttr参数包括isMarked（是否标记日期）、isDisabledDate（是否禁用日期）、isToday（是否为今天）、isChecked（是否选中日期）、isCurrentMonthDay（日期是否为当月的日期），isFirstDayOfMonth（日期是否为当月的第一天），可以用于一些特殊需要的星期来自定义星期的内容。比如可以用来自定义星期的样式等等。参数为{week}arrow自定义周月切换时的指标箭头。参数为{show}，show:类型为Boolen，表示当前周视图是否为今天。自定义“今天”按钮的文本内容和样式确认自定义“确定”按钮的文本内容和样式动作自定义操作栏（标题栏）的内容和样式方法方法方法名称描述lastMonth切换日历到previousmonthnextMonth将日历切换到下个月lastWeek将日历切换到上一周nextWeek将日历切换到下周today今天返回。今天禁用时不生效
