element ui日历多选

要实现 Element UI 日历的多选功能，需要在 el-calendar 上添加 selection-mode="multiple" 属性。这样就可以通过点击日期来选择多个日期了。

示例代码：

<el-calendar selection-mode="multiple"></el-calendar>

相关问题

element calendar多选

Element Calendar 是一个基于 Element UI 的日历组件，多选功能可以通过设置 `range` 属性来实现。具体的使用步骤如下：

1. 在需要使用 Element Calendar 的页面中导入 `el-calendar` 组件：

   import { Calendar } from 'element-ui';

2. 在页面中使用 `el-calendar` 组件，并设置 `range` 属性为 `true`，表示启用多选功能：

   <template>
     <div>
       <el-calendar :range="true"></el-calendar>
     </div>
   </template>

3. 根据需要，可以通过其他属性来定制日历的外观和行为，例如设置 `first-day-of-week` 属性来指定一周的起始日期，或者设置 `default-time` 属性来指定默认选中的时间等。

以上就是在 Element Calendar 中启用多选功能的方法。如果你有任何其他问题，请继续提问。

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代码来控制事件处理或手动操作选中的日期。