更新记录

1.0.1（2025-12-12） 下载此版本

• VUE3多模式日期选择器
• 支持：日期范围，单选，数量控制，单双日、工作日。

平台兼容性

uni-app(4.71)

mo日期组件

组件名：mo-calendar 代码块： mo-calendar

mo多模式日期组件，不支持VUE2

功能特性：

1、可设定：起始日期、结束日期 2、可设定：单选（支持数量控制）、范围选择 3、多种选择模式：全部，仅工作日，仅双休日，仅单日，仅双日 4、生成模式，从当月向后生成3个月的日期

[使用文档]

[使用示例]

<mo-calendar ref="moCalendarRef" 
v-model:startDate="startDate"
v-model:selectedRange="selectedRange"
 :mode="calenMode"  v-model:selectType="dateType"
 v-model:dayNum="dayNum"
 @endChange="endChange"
 >
</mo-calendar>
const startDate=ref('2025-12-01')
const selectedRange=ref(['2025-12-01','2025-12-31'])
const dateType=ref('all');
const calenMode=ref('range');
const dayNum=ref(1);//单选模式有效
const endChange=(e)=>{
    //e.value=[起始日期,结束日期]
    //e.date=[日期1,日期2..]
    console.log(e);
}

可在弹窗中使用，用scroll-view包裹。 由于周几会悬浮置顶，在非微信小程序测试不全屏状态显示效果不好，建议全屏使用本组件，本示例是在新页面中使用，选择日期后再返回上一页，使用缓存获取日期即可。

已知在微信小程序，H5，安卓APP中测试正常，其它平台请自行测试

如使用过程中有任何问题，或者您对此组件有一些好的建议，欢迎联系微信：actioniing