slide-calendar

a simple sliding calendar

Usage no npm install needed!

<script type="module">
  import slideCalendar from 'https://cdn.skypack.dev/slide-calendar';
</script>

README

slide-calendar

a simple sliding calendar,移动端vue单行滑动组件

Build Setup

# install dependencies
npm install slide-calendar

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

api文档

接收config对象,格式如下

config: {
  totalDays: 14, //列表总天数,默认14天
  disabledDays: [1, 3, 5], //接收禁止点击日期所对应的索引
  maskDays: [2, 4, 6], //接收标记日期所对应的索引
  activeColor: [red, blue], //设置选中颜色,传入两个或两个以上色值,支持渐变
}

方法:
@click="clickHandle" //参数(每个单元日对象)
@change="changeHandle" //参数([单元日改变后, 单元日改变前])