# 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
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
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 | 用户选中了日期 | 用户选中的日期 |