|
|
@@ -1,8 +1,18 @@
|
|
|
<template>
|
|
|
<!-- value-format="yyyy-MM-dd" -->
|
|
|
- <el-date-picker v-model="dateValue" class="timePicker" type="daterange" :picker-options="pickerOptions"
|
|
|
- value-format="yyyyMMdd" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" :clearable="false"
|
|
|
- align="left" @change="dateChange">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="dateValue"
|
|
|
+ class="timePicker"
|
|
|
+ type="daterange"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyyMMdd"
|
|
|
+ range-separator="~"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :clearable="false"
|
|
|
+ align="left"
|
|
|
+ @change="dateChange"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
|
|
|
@@ -50,7 +60,7 @@ export default {
|
|
|
],
|
|
|
},
|
|
|
// dateValue: [`${nowYear}-01-01`, `${nowYear}-${nowMonth}-${nowDay}`]
|
|
|
- dateValue: [`${nowYear}0101`, `${nowYear}${nowMonth}${nowDay}`]
|
|
|
+ dateValue: [`${nowYear}0101`, `${nowYear}${nowMonth}${nowDay}`],
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -83,7 +93,7 @@ export default {
|
|
|
|
|
|
.el-picker-panel__sidebar {
|
|
|
background: #002446;
|
|
|
- border-color: #64daff;
|
|
|
+ border-color: rgba(37, 103, 141, 0.46);
|
|
|
border-radius: 6px 0 0 6px;
|
|
|
|
|
|
.el-picker-panel__shortcut {
|
|
|
@@ -135,7 +145,7 @@ export default {
|
|
|
.el-picker-panel,
|
|
|
.el-time-panel {
|
|
|
background: #002446 !important;
|
|
|
- border: 1px solid #64daff;
|
|
|
+ border: 1px solid rgba(37, 103, 141, 0.46);
|
|
|
color: #fff;
|
|
|
border-radius: 6px;
|
|
|
}
|
|
|
@@ -149,12 +159,12 @@ export default {
|
|
|
|
|
|
&:hover {
|
|
|
background: transparent !important;
|
|
|
- color: rgb(64, 158, 255);
|
|
|
+ color: rgb(64, 158, 255); //#3B5064
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.el-date-range-picker__content.is-left {
|
|
|
- border-right: 1px solid #64daff;
|
|
|
+ border-right: 1px solid rgba(37, 103, 141, 0.46);
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
