微信小程序 wepy-calendar-range 插件
说明
一个很小的日历选择插件
使用
安装组件
npm install wepy-calendar-range --save
引入组件
// index.wpy
<template>
<calendar class="calendar" :minDate.sync = "minDate" :startDay.sync = "startDay" :endDay.sync = "endDay" :period.sync = "period" :showPeriod = "showPeriod" :startDayText = "startDayText" :endDayText = "endDayText"></calendar>
</template>
<script>
import wepy from 'wepy';
import calendar from 'wepy-calendar-range';
export default class Index extends wepy.page {
data = {
startDay: '2018-3-28', //开始时间
endDay: '2018-4-5', //结束时间
period: '', //选择周期
minDate: '2018-3-20', //最小时间
},
components = {
calendar: calendar
};
}
</script>
属性说明
属性/方法 | 必填 | 默认值 | 备注 |
---|---|---|---|
startDay | 否 | null | 开始时间 |
endDay | 否 | null | 结束时间 |
period | 否 | null | 选择周期 |
minDate | 否 | null | 最小时间 |
showPeriod | 否 | false | 是否显示区间值 |
startDayText | 否 | 开始日期 | 开始显示文案 |
endDayText | 否 | 结束日期 | 结束显示文案 |
更多说明
现在还很初级,后续会不断完善