el-date-picker 选中日期 格式转换为 2024-07-01

`el-date-picker` 是 Element UI 提供的一个用于日期选择的组件。如果你想将用户选择的日期格式化为 "2024-07-01" 格式，你可以在事件处理函数中使用 JavaScript 的 `Date` 对象的 `toLocaleDateString` 方法，配合自定义的格式字符串。

以下是一个简单的示例：

<template>
  <el-date-picker
    v-model="selectedDate"
    type="date"
    :format="dateFormat"
    placeholder="选择日期"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '',
      dateFormat: 'yyyy-MM-dd', // 设置默认格式
    };
  },
  methods: {
    handleDatePick(date) {
      this.selectedDate = date.toLocaleDateString('yyyy-MM-dd'); // 当用户选择日期后，转换格式
    },
  },
};
</script>

在这个例子中，`handleDatePick` 方法会在用户选择日期后被调用，将日期转换为 "yyyy-MM-dd" 格式并赋值给 `selectedDate` 变量。