小程序日历组件
小程序日历组件,支持多种模式,简单易用好上手。
- 4种日历模式
- 3种日期选择方式
- 支持自定义节假日
- 支持自定义日期内容
- 懒加载保证渲染性能
- 支持农历
- 支持根据指定日期自动生成
- 支持跨无数据月份
日历组件基础配置
wxml模板
<ui-calendar dataSource="{{config}}" />
配置日历组件
Pager({
data: {
source: {
$$id: 'calendar',
mode: 1, // 纵向日历
type: 'range', // 区域选择
tap: 'onTap', // page响应事件
total: 365, // 指定日历总天数
data: [], // 按给定日期计算total值,自动构建日历
rangeCount: 28, // 区选区间28天
rangeMode: 2, // 区选模式
rangeTip: ['入住', '离店'], // 区选提示
festival: true, // 开启节假日显示
alignMonth: false, // 月份对齐,swiper切换时
lunar: false, // 是否显示农历
date: [], // 指定日期显示的内容
value: ['2019-12-24', '2020-01-05'], // 默认值
toolbox: {
monthHeader: true, // 是否显示月头
discontinue: false, // 自动构建时,是否省略无数据的月份
},
methods: {
// 响应 tap事件
onTap(e, param, inst) {
// param.date 选中的当前日期
// 当区选模式时
// param.range === 'start' 区选第一天
// param.range === 'end' 区选最后一天
}
}
}
}
})
github地址:https://github.com/webkixi/aotoo-xquery
小程序demo演示
日历在手机加载很慢,目前是这个问题
当日之前的日期怎么取消禁用啊 大佬们
默认到今天日期,怎么显示高亮,而不需要点击的时候才高亮
使用这个日历组件的时候提示$page is not a function,但是我的调试基础库已经2.11.2了,这是为什么呢?
苹果手机,一进去还是无法加载出当前日期的上一个月
可以显示农历吗?
不能显示当月以前的日期吗
支持taro吗。
非常好,已经收藏工具小程序,赞
好项目出好技术,赞