统计时间组件
界面效果
引用
在.vue
文件中输入
<template>
<ke-date
v-model="form1.dateRange"
:label-width="140"
:disabled-date="false"
:load-filter="[4]"
/>
</template>
<script lang='ts'>
import keDate from "@/components/keDate.vue";
@Component({
components: {keDate}
})
</script>
Attributes
名称 | 类型 | 说明 | 可选值 | 默认值 |
---|---|---|---|---|
labelPrefix | String | label前缀 | "统计" | |
labelWidth | Number | label宽度 | 90 | |
itemWidth | Number | item宽度 | 200 | |
itemMarginRight | Number | item右侧margin | 10 | |
rangeSeparator | String | 时间选择器分隔符 | "~" | |
unlinkPanels | Boolean | 在范围选择器里取消两个日期面板之间的联动 | true | |
disabledDate | Boolean | 是否禁用当前时间之后的选项 | true | |
loadFilter | Array | 过滤掉不需要的选项,[]中为不需要的选项 | [] |