el-date-picker daterange 值

el-date-picker daterange 值是一个数组，其中包含两个元素，分别表示日期范围的开始值和结束值。例如，如果你选择了一个起始日期为2022-01-01，结束日期为2022-01-31的范围，那么该值将是一个包含两个元素的数组：['2022-01-01', '2022-01-31']。你可以使用这个数组来获取用户选择的日期范围值，并进行相应的操作。

相关问题

.el-date-range-picker .el-picker-panel__body怎么修改背景颜色 在style 里

如果您想要修改 `el-date-range-picker` 组件中 `el-picker-panel__body` 的背景颜色，可以在您的 `style` 标签或者样式表中添加如下代码：

.el-date-range-picker .el-picker-panel__body {
  background-color: #f0f0f0; /* 这里是您需要修改的背景颜色 */
}

其中，`#f0f0f0` 是一个示例背景颜色，请根据您的实际需求进行修改。

.el-date-range-picker 怎么修改样式

el-date-range-picker 是一个日期区间选择器，如果您想要修改它的样式，可以通过以下方式进行：

1. 自定义样式

通过添加自定义的 CSS 样式来修改样式。el-date-range-picker 中的各个组件都有对应的 CSS 类名，可以通过这些类名来修改样式。具体步骤如下：

（1）在页面中添加一个自定义的 CSS 样式文件，例如：

<link rel="stylesheet" href="your-own-style.css">

（2）在 your-own-style.css 文件中添加自定义的样式，例如：

.el-date-range-picker__header {
  background-color: red;
  color: white;
}

.el-date-range-picker__icon {
  font-size: 20px;
  color: green;
}

2. 使用 scoped 样式

如果您只想修改某个 el-date-range-picker 组件的样式，可以使用 scoped 样式来实现。具体步骤如下：

（1）在组件中添加 scoped 属性，例如：

<template>
  <div>
    <el-date-range-picker scoped>
      ...
    </el-date-range-picker>
  </div>
</template>

（2）在组件的样式中添加 scoped 样式，例如：

<style scoped>
.el-date-range-picker__header {
  background-color: red;
  color: white;
}

.el-date-range-picker__icon {
  font-size: 20px;
  color: green;
}
</style>

这样就可以只修改当前 el-date-range-picker 组件的样式，而不会影响到其他组件。