|
|
@ -4,6 +4,7 @@ |
|
|
:range-separator="rangeSepaSrator" |
|
|
:range-separator="rangeSepaSrator" |
|
|
:start-placeholder="startPlaceholder" |
|
|
:start-placeholder="startPlaceholder" |
|
|
:end-placeholder="endPlaceholder" |
|
|
:end-placeholder="endPlaceholder" |
|
|
|
|
|
:default-range="[-30,0]" |
|
|
@change="onDateRangeChange" |
|
|
@change="onDateRangeChange" |
|
|
:picker-options="pickerOptions" |
|
|
:picker-options="pickerOptions" |
|
|
></el-date-picker> |
|
|
></el-date-picker> |
|
|
@ -80,6 +81,14 @@ export default { |
|
|
pickerOptions:{ |
|
|
pickerOptions:{ |
|
|
typeof:Object, |
|
|
typeof:Object, |
|
|
default:util.pickerOptions('datarange') |
|
|
default:util.pickerOptions('datarange') |
|
|
|
|
|
}, |
|
|
|
|
|
autoDefault:{ |
|
|
|
|
|
type:Boolean, |
|
|
|
|
|
default:true, |
|
|
|
|
|
}, |
|
|
|
|
|
defaultRange:{ |
|
|
|
|
|
type:Array, |
|
|
|
|
|
default:[-15,15] |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
@ -93,6 +102,18 @@ export default { |
|
|
this.dateRange=[this.value[this.startKey],this.value[this.endKey]] |
|
|
this.dateRange=[this.value[this.startKey],this.value[this.endKey]] |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
if( !this.dateRange || this.dateRange.length===0){ |
|
|
|
|
|
if(this.autoDefault===true || (this.autoDefault!==false && this.defaultRange && this.defaultRange.length==2)){ |
|
|
|
|
|
var now=new Date(); |
|
|
|
|
|
var start=new Date(); |
|
|
|
|
|
var end=new Date(); |
|
|
|
|
|
start.setTime(now.getTime() + 3600 * 1000 * 24 * this.defaultRange[0]); |
|
|
|
|
|
end.setTime(now.getTime() + 3600 * 1000 * 24 * this.defaultRange[1]); |
|
|
|
|
|
this.dateRange.push(util.formatDate.format(start,this.valueFormat)) |
|
|
|
|
|
this.dateRange.push(util.formatDate.format(end,this.valueFormat)) |
|
|
|
|
|
this.onDateRangeChange(this.dateRange); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
onDateRangeChange(dates){ |
|
|
onDateRangeChange(dates){ |
|
|
|