# ive-date-range-picker

# 一、代码示例

# html

<template>
  <div>
    <ive-date-range-picker
      v-model="value"
      :placeholder="['请选择开始时间', '请选择结束时间']"
    />
  </div>
</template>
1
2
3
4
5
6
7
8

# js

export default {
  data() {
    return {
      value: ["2019-9-15", "2019-9-16"],
    }
  },
}
1
2
3
4
5
6
7

# 二、属性、事件及方法说明

# 属性(props)

属性 说明 类型 默认值
value 日期数组 Array []
placeholder 占位文本数组 Array ['开始日期', '结束日期']
disabledDate 不可选日期(为日期时,则小于该日期的时间都不可选;为函数时,直接传给iview的日期组件,参数为当前的日期,需要返回 Boolean 是否禁用这天 ) Date | Function () => new Date(new Date() - 24 * 60 * 60 * 1000)

# 事件(events)

事件名 说明 返回值
input 用户选中了日期 用户选中的日期
Last Updated: 10/30/2019, 2:51:58 PM