el-date-picker type=datesd 点击确定事件

el-date-picker组件中type为datesd时，点击确定按钮会触发confirm事件。你可以在el-date-picker组件上添加@confirm事件监听该事件，例如：

<el-date-picker
  v-model="datesdValue"
  type="datesd"
  @confirm="handleConfirm">
</el-date-picker>

在组件对应的methods选项中定义handleConfirm方法，该方法将在用户点击确定按钮时被调用，如下所示：

methods: {
  handleConfirm() {
    console.log('用户点击了确定按钮');
    // 在这里可以获取选择的日期信息
  }
}

注意：在上面的示例中，v-model绑定了datesdValue变量，该变量用于存储用户选择的日期信息。

相关问题

el-date-picker的type=daterange,初始化的时候传入了值，但是el-date-picker没有显示

如果您在使用el-date-picker组件的daterange类型，并且初始化时传入了值，但是el-date-picker没有显示内容，可能是由于以下几个原因：

1. 检查传入的值是否符合daterange类型的要求。daterange类型的值应该是一个包含两个元素的数组，每个元素都是一个合法的日期对象或与日期相关的字符串。

2. 确保el-date-picker组件已经正确引入，并且在Vue实例中正确注册了该组件。

3. 检查el-date-picker组件的属性配置是否正确。例如，确认format属性是否设置为了合适的日期格式，确认value-format属性是否设置为了合适的日期值格式。

4. 检查组件外部的样式或布局是否导致el-date-picker无法显示。确保包含el-date-picker的父元素具有足够的宽度和高度，以便正常显示。

如果以上方法仍然无法解决问题，请提供更多相关代码和详细描述，以便我能够更好地帮助您解决问题。

el-date-picker属性type="daterange"绑定2个字段值

对于`el-date-picker`组件，如果你想绑定两个字段值，可以使用`range-separator`和`start-placeholder`以及`end-placeholder`属性来实现。具体步骤如下：

1. 首先，确保你的数据模型中有两个字段来存储开始日期和结束日期的值。

2. 在`el-date-picker`组件上设置`type`属性为`daterange`。

3. 使用`range-separator`属性来设置日期范围选择器中的分隔符。例如，你可以将其设置为'至'。

4. 使用`start-placeholder`和`end-placeholder`属性来设置开始日期和结束日期输入框的占位符。例如，你可以将它们分别设置为'开始日期'和'结束日期'。

以下是一个示例代码片段：

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

<script>
export default {
  data() {
    return {
      dateRange: [] // 用于存储开始日期和结束日期的数组
    };
  }
};
</script>

在上述示例中，你可以使用`dateRange`数组来获取用户选择的开始日期和结束日期。

希望这个回答能够帮助到你！如果你还有其他问题，请随时提问。