DateRangePicker 日期范围选择器

用于选择日期范围

Props

Name Type Default Required Description
name Any false 默认显示的提示文字,例:'请选择'
options Array [{name: '最近一周',value: {startDate: new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() - 7),endDate: new Date(endDate)}}, {name: '最近一月',value: {startDate: new Date(startDate.getFullYear(), startDate.getMonth() - 1, startDate.getDate()),endDate: new Date(endDate)}}, {name: '最近一年',value: {startDate: new Date(startDate.getFullYear() - 1, startDate.getMonth(), startDate.getDate()),endDate: new Date(endDate)}}] false 下拉框数据结构,例:[{name: '最近一周', value: 'xxx'}, {name: '最近一月', value: 'xxx'}, {name: '最近一年', value: 'xxx'}]
defaultValue Any null false 下拉框默认选中的值,如果有则默认显示的提示文字不会被显示,例:'xxx'
startValue String false 开始日期时间,例:'2016-01-01 10:00:00'或'2016-01-01'
endValue String false 结束日期时间,例:'2016-01-01 10:00:00'或'2016-01-01'
minDate Any false 最早日期时间,例:new Date()或'2016-01-01 10:00:00'或'2016-01-01'
maxDate Any false 最晚日期时间,例:new Date()或'2016-01-01 10:00:00'或'2016-01-01'
format String false 日期格式,例:'YYYY-MM-DD'
view String 'day' false 显示界面,默认为'day',只显示月为'month',只显示年为'year',例:'day'
showTime Bool false false 是否显示时间(时、分、秒)控制器,例:true
fixedHour Bool false false 是否固定小时,例:false
fixedMinute Bool false false 是否固定分钟,例:false
fixedSecond Bool false false 是否固定秒,例:false
left Number 0 false 横坐标位置偏移
calendarWidth Number 273 false 日历样式宽度,不建议修改
calendarHeight Number 370 false 日历样式高度,不建议修改
showTimeHeight Number 175 false 时间组件样式高度,不建议修改
lockStart Bool false false 开始时间只读
lockEnd Bool false false 结束时间只读
onChange Func false 选中回调,例:funciton(date) {}