element ui日期选择，同时选多个值

Element UI 提供了一个名为 "el-date-picker" 的组件，用于选择日期，其中包括支持多选日期的功能。在 Element UI 的日历选择器中，可以设置属性 `type` 为 "daterange" 来启用日期范围的选择，允许用户选择起始日期和结束日期。例如：

<el-date-picker
  v-model="dates"
  type="daterange"
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
></el-date-picker>

在这个例子中，`v-model` 绑定的 `dates` 变量会存储所选的日期范围。通过设置 `range-separator` 属性，你可以自定义日期之间的分隔符。

如果你想让用户一次选择多个不连续的日期，Element UI 的原生功能可能无法直接满足需求，但你可以考虑结合其他插件或定制一些额外的逻辑来实现这个功能。如果需要这样的功能，可能需要编写一点额外的JavaScript代码来控制事件处理或手动操作选中的日期。

相关问题

element ui 多条件查询

对于 Element UI 的多条件查询，你可以使用 Element UI 提供的表单组件和表格组件来实现。

首先，你可以使用 Element UI 的表单组件创建一个包含多个条件输入的表单。你可以使用输入框、下拉选择框、日期选择框等组件来实现不同类型的条件输入。

然后，当用户输入完条件并点击查询按钮时，你可以通过提交表单的方式将条件数据发送到后端进行查询。你可以使用 Element UI 的按钮组件来创建查询按钮，并通过监听按钮的点击事件来触发查询操作。

在后端，你可以接收到前端发送的条件数据，并根据条件进行查询操作。根据你的后端语言和框架不同，具体的查询操作会有所不同。你可以使用数据库查询语言（如 SQL）来构建查询语句，并根据条件进行筛选和排序。

最后，将查询结果返回给前端，并在前端使用 Element UI 的表格组件展示查询结果。你可以将查询结果绑定到表格的数据源上，并定义列配置来展示不同字段的数据。

这样，你就可以通过 Element UI 实现多条件查询功能了。记得在开发过程中，参考 Element UI 的文档和示例来正确使用各种组件和功能。祝你开发顺利！

element-ui DatePicker 不能选比当天更早的日期

如果你使用的是 element-ui DatePicker 组件，可以在组件上设置 `:picker-options` 属性来限制可选日期范围。比如，如果要禁止选择比今天更早的日期，可以这样设置：

<el-date-picker
  v-model="date"
  :picker-options="pickerOptions">
</el-date-picker>

然后在 Vue 实例里定义 `pickerOptions` 对象：

data() {
  return {
    pickerOptions: {
      disabledDate(time) {
        return time.getTime() < Date.now() - 8.64e7;
      }
    }
  }
}

这里的 `disabledDate` 函数会被调用多次，每次传入一个时间对象，你需要返回一个布尔值，指示该时间是否可用。在这个例子中，我们使用 `time.getTime()` 获取时间戳，并与当前时间戳相比较，如果比当前时间戳还小，则返回 `true`，表示该时间不可用。

注意，这样设置后，虽然用户无法选择比今天更早的日期，但用户仍然可以手动输入比今天更早的日期。如果需要完全禁止用户输入比今天更早的日期，你需要在代码中添加额外的验证逻辑。