DatetimeRange 组件使用教程
优质
小牛编辑
131浏览
2023-12-01
安装
import { DatetimeRange } from 'vux'
export default {
components: {
DatetimeRange
}
}// 在入口文件全局引入
import Vue from 'vue'
import { DatetimeRange } from 'vux'
Vue.component('datetime-range', DatetimeRange)
该组件和 Datetime 组件不同的地方是年月日集中显示在一栏，适合范围不大的日期选择。
需要在Group组件里使用
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| title | string | 标题文字 | -- | |
| value | array | 表单值，v-model绑定。比如，['2017-01-15', '03', '05'] | -- | |
| inline-desc | string | 描述字符 | -- | |
| placeholder | string | 提示文字，当value为空时显示 | -- | |
| start-date | string | 限定最小日期，注意该限制只能限定到日期，不能限定到小时分钟 | -- | |
| end-date | string | 限定最大日期，注意该限制只能限定到日期，不能限定到小时分钟 | -- | |
| format | string | YYYY-MM-DD | 日期栏的显示格式 | -- |
事件
| 名字 | 参数 | 说明 | 版本要求 |
| @on-change | (value) | 表单值变化时触发, 参数 (newVal) | -- |