DatetimeRange

DatetimeRange

demo 原始链接demo 源码编辑文档组件源码

datetime-range - 图1

二维码

datetime-range - 图2

Install

安装

局部注册

全局注册

  1. import { DatetimeRange } from 'vux'
  2. export default {
  3. components: {
  4. DatetimeRange
  5. }
  6. }

  1. // 在入口文件全局引入
  2. import Vue from 'vue'
  3. import { DatetimeRange } from 'vux'
  4. Vue.component('datetime-range', DatetimeRange)

该组件和 Datetime 组件不同的地方是年月日集中显示在一栏,适合范围不大的日期选择。需要在Group组件里使用

API

属性

名字类型默认值说明版本要求
titlestring标题文字
valuearray表单值,v-model绑定。比如,['2017-01-15', '03', '05']
inline-descstring描述字符
placeholderstring提示文字,当value为空时显示
start-datestring限定最小日期,注意该限制只能限定到日期,不能限定到小时分钟
end-datestring限定最大日期,注意该限制只能限定到日期,不能限定到小时分钟
formatstringYYYY-MM-DD日期栏的显示格式

事件

名字参数说明版本要求
@on-change(value)表单值变化时触发, 参数 (newVal)

贡献者

贡献者

该组件(包含文档)迭代次数 10,贡献人数 2
airylandQiongrong Jiang

Changelog

发布日志

  • v2.2.0 [enhance] 优化宽度,避免日期栏和左边缘距离过近
  • v2.1.1-rc.9 [feature] 新组件 #970 @327326724