龙马ui组件库 lm-ui-element lm-calendar日历组件

基础用法


Attributes

参数 说明 类型 可选值 默认值
initDate 初始化日期值 String / Date / Number -- new Date()
width 日历宽度 String / Number -- 100%
height 日历高度 String/ Number -- 100%
calendarClass 日历自定义样式类名 String -- --
titleClass 年月标题自定义样式类名 String -- --
titleH 年月标题高度 String / Number -- 35px
titleBk 年月标题颜色 String -- #ffffff
bodyBk 日历体背景 String -- #ffffff
bodyClass 日历体自定义样式类名 String -- --
dateDefaultClass 自定义日期默认类名 String -- --
dateActivDateClass 自定义日期选中类名 String -- --
dateDisabledDateClass 自定义日期不可用类名 String -- --
titleDateConnector 标题日期连接符 String -- --
insertData 插入的数据 Array -- []
weeks 日历头部周数据 Array -- ['日','一','二','三','四','五','六']
dateProp 自定义表示时间的字段 String -- --
calenCellClass 日历单元格自定义样式 String -- --
firstRowCellClass 日历第一行单元格自定义样式 String -- --
cellBorder 是否有边框 Boolean -- --
cellTitleHeight 日历标题高度 String / Number -- 40px
cellTitleColor 日历标题颜色 String -- #333333
options 配置 Object -- { range:[] }

Slots

name 说明
calendarTitle 日历顶部标题内容
calendarHead 日历头内容
changeMonthBtn 月份切换按钮
weeks 日历头部周数据
day 日期
haveDataTag 有数据标志

Events

事件名 说明 回调参数
getChooseDate 选择日期 (date:String)
monthChange 月份改变 (date:String)

使用示例






下一个组件:表单组件

你可能感兴趣的:(龙马ui组件库 lm-ui-element lm-calendar日历组件)