Element-plus el-date-picker 设置默认日期时间

在Element-plus中，el-date-picker组件可以通过v-model来绑定默认的日期时间。以下是设置默认日期时间的示例代码：

<template>
  <el-date-picker
    v-model="date"
    type="datetime"
    placeholder="选择日期时间"
    default-time="12:00:00"
  >
  </el-date-picker>
</template>
 
<script>
import { ref } from 'vue';
import { ElDatePicker } from 'element-plus';
 
export default {
  components: {
    ElDatePicker,
  },
  setup() {
    // 设置默认日期时间为当前日期加上默认时间"12:00:00"
    const date = ref(new Date());
 
    return {
      date,
    };
  },
};
</script>

在这个例子中，date是一个响应式数据，它被初始化为当前日期和时间。用户可以在组件中选择其他日期和时间，如果不选择，默认情况下选择的将是绑定的日期和时间。如果需要设置默认时间为其他值，可以修改default-time属性或者在setup函数中修改date的值。