|
@@ -37,6 +37,7 @@
|
|
|
:start-placeholder="dateTimePickerState.startPlaceHolder"
|
|
|
:end-placeholder="dateTimePickerState.endPlaceHolder"
|
|
|
:append-to-body="false"
|
|
|
+ :placement="placement"
|
|
|
@change="onDateRangeChange"
|
|
|
>
|
|
|
</el-date-picker>
|
|
@@ -53,6 +54,7 @@
|
|
|
:placeholder="dateTimePickerState.startPlaceHolder"
|
|
|
:picker-options="startPickerOptions"
|
|
|
:append-to-body="false"
|
|
|
+ :placement="placement"
|
|
|
@change="startDatePickerChange"
|
|
|
@focus="showConfirmHandle"
|
|
|
>
|
|
@@ -68,6 +70,7 @@
|
|
|
:placeholder="dateTimePickerState.endPlaceHolder"
|
|
|
:picker-options="endPickerOptions"
|
|
|
:append-to-body="false"
|
|
|
+ :placement="placement"
|
|
|
@change="endDatePickerChange"
|
|
|
@focus="showConfirmHandle"
|
|
|
>
|
|
@@ -394,6 +397,10 @@ export default {
|
|
|
isDateRange: {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
+ },
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: 'bottom-start'
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
@@ -467,9 +474,6 @@ export default {
|
|
|
this.dateTimePickerState.end = value[1]
|
|
|
this.setTimeSelectListState()
|
|
|
this.onChange()
|
|
|
- // if(this.showConfirmButton) {
|
|
|
- // this.showConBtn = true
|
|
|
- // }
|
|
|
},
|
|
|
calcTimeSelectList() {
|
|
|
let timeSelectList = []
|
|
@@ -543,7 +547,6 @@ export default {
|
|
|
this.timeSelectList.forEach((v) => (v.selected = false))
|
|
|
this.dateTimePickerState.start = data.start ? new Date(data.start) : null
|
|
|
this.dateTimePickerState.end =data.end ? new Date(data.end) : null
|
|
|
- //
|
|
|
this.dateTimeRangeState = [data.start, data.end]
|
|
|
break
|
|
|
}
|
|
@@ -610,6 +613,7 @@ export default {
|
|
|
clearDateTimePicker() {
|
|
|
this.dateTimePickerState.start = ''
|
|
|
this.dateTimePickerState.end = ''
|
|
|
+ this.dateTimeRangeState = []
|
|
|
},
|
|
|
// 计算lately7/lately30/lastYear等的开始和结束时间
|
|
|
// endTime传入一个时间戳
|