0.1.0 • Published 2 years ago

v-calendar-pick v0.1.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

v-calendar-picker

calendar picker, with rollup, vue, scss

display

功能

✅ 目前只支持范围选择
✅ 可支持超出当前日期不可选
✅ 点击右上角日期,日历跳转到指定位置
设置周起始日
滑动翻页
拓展勾选类型(选择单个、多个日期)
typescript + Vue3

运行

npm run dev // 可在 example/index.html 下进行开发|生产环境测试
npm run build

使用

<v-calender-pick
  :exceed="true"
  title="日期"
  :value="[]"
  :isVisible="true"
  @confirm="handleConfirm"
/>

API

Props

参数说明类型默认值
title日期标题String日期选择
value初始化日期Array(Date[])[]
isVisible是否展示日期组件Booleantrue
exceed是否可以选择超出当前时间范围的日期Booleantrue

Events

参数说明回调参数
confirm每次点击日期都会触发value: Date[]