0.0.3 • Published 3 years ago

@ibiz/exp-calendar v0.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

qx-components

基础通用小组件

注册组件

import { applyPolyfills, defineCustomElements } from '@ibiz/exp-calendar/loader';

applyPolyfills().then(() => defineCustomElements(window));

基本用法

selectDateChange(evt: any){
    console.log(evt.detail.startDate);  //开始日期
    console.log(evt.detail.endDate);  //结束日期
}

render(){
    return <ibz-exp-calendar size='small' theme='blue' start-date='2021-01-01' end-date='2021-01-07' auto-complete on-select-change={(evt: any) => this.selectDateChange(evt)}></ibz-exp-calendar>
}

输入属性

属性属性描述与类型默认值
autoCompleteauto-complete自动填充模式booleanundefined
completeDayscomplete-days自动填充天数number \| string6
datadata日期内的数据量anyundefined
endDateend-date结束日期stringundefined
maxTimeSpanmax-time-span最大时间跨度number7
sizesize尺寸string''
startDatestart-date起始日期stringundefined
themetheme主题string''

事件

事件名描述类型
select-change选中改变触发事件CustomEvent<any>