更新记录
1.1(2024-06-27)
下载此版本
初始化
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
项目引入示例
import("../../uni_modules/Date-Calendar/components/Date-Calendar/index")
},
}
组件参数
// 月份切换按钮箭头颜色
monthArrowColor: {
type: String,
default: '#666666'
},
// 年份切换按钮箭头颜色
yearArrowColor: {
type: String,
default: '#999999'
},
// 是否显示顶部年月
changeTitle: {
type: Boolean,
default: true
},
// 是否显示顶部的切换年份方向的按钮
changeYear: {
type: Boolean,
default: true
},
// 是否显示顶部的切换月份方向的按钮
changeMonth: {
type: Boolean,
default: true
},
// 日期模式 date 单个日期选择模式 range 日期段选择模式 signin 签到日期展示模式
mode: {
type: String,
default: 'date'
},
// 未来日期是否可选择 默认不可选择
future: {
type: Boolean,
default: false
},
// 日期段回显时 若只传入一个日期则不显示
//日期段选择时默认显示开始时间
startTime: {
type: String,
default: ''
},
//日期段选择时默认显示结束时间
endTime: {
type: String,
default: ''
},
// 起始日期底部的提示文字
startText: {
type: String,
default: '开始'
},
// 结束日期底部的提示文字
endText: {
type: String,
default: '结束'
},
// 选择日期开始结束当天背景色
activeBgColor: {
type: String,
default: 'rgba(41,121,255,1)'
},
// 选择日期中间的背景色
rangeBgColor: {
type: String,
default: 'rgba(41,121,255,0.13)'
},
// 当前日期是否高亮
isDefaultDay: {
type: Boolean,
default: true
},
// 单个日期选择默认选中时间 xxxx-yy-dd
currenTime: {
type: String,
default: ''
},
// 签到模式数据 [xxxx-yy-dd]
signinData: {
type: Array,
default: function () {
return [];
}
}