多选日历 展示/交互
组件 ID: calendarMultiple
这是一个标准的 SunForm 展示/交互组件,支持可视化配置与低代码生成。
JSON 配置示例
直接复制以下 JSON 到配置文件中即可使用。
{
"type": "calendarMultiple",
"props": {
"value": [],
"remark": "",
"hide": false,
"style": "{}",
"model": "day",
"multipleMax": -1,
"disabledDays": [],
"startDate": "1900-1-1",
"endDate": "2036-12-31",
"format": "YYYY-MM-DD",
"color": "",
"fontColor": "#333333",
"fontDarkColor": "#ffffff",
"activeFontColor": "#ffffff",
"rangColor": "",
"rangFontColor": ""
}
}
属性配置 (Props)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
remark |
string | - | 组件备注/说明 |
hide |
boolean | false | 是否隐藏该组件 |
style |
object | {} | 自定义内联样式 CSS |
value |
object | [] | 表单值 / 绑定值 |
model |
string | day | 暂无描述 |
multipleMax |
number | -1 | 暂无描述 |
disabledDays |
object | [] | 暂无描述 |
startDate |
string | 1900-1-1 | 暂无描述 |
endDate |
string | 2036-12-31 | 暂无描述 |
format |
string | YYYY-MM-DD | 暂无描述 |
color |
string | - | 组件主色调 |
fontColor |
string | #333333 | 颜色值 |
fontDarkColor |
string | #ffffff | 颜色值 |
activeFontColor |
string | #ffffff | 颜色值 |
rangColor |
string | - | 颜色值 |
rangFontColor |
string | - | 颜色值 |
currentDate |
string | - | 暂无描述 |
seekDay |
number | 0 | 暂无描述 |
onCreated |
any | null | 组件创建时触发的事件 |
onMounted |
any | null | 组件挂载后触发的事件 |
onChange |
any | null | 事件回调 |
onClick |
any | null | 点击组件触发的事件 |