el-date-picker去掉分秒

您可以使用 `type` 属性将 `el-date-picker` 设置为只显示日期，而不显示时间。设置 `type` 为 `"date"`，以仅显示日期选择器。以下是一个示例代码：

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

<script>
export default {
  data() {
    return {
      selectedDate: '',
    };
  },
};
</script>

通过将 `type` 设置为 `"date"`，`el-date-picker` 将不再显示时间部分，只显示日期选择器。您仍然可以使用 `v-model` 绑定选中的日期。

相关问题

vue3 el-date-picker 去掉分秒

Vue3 的 `el-date-picker` 组件是 Element UI 提供的一款日期选择器组件。如果你想去掉日期选择器中的分钟和秒钟选项，你可以通过配置属性来实现。具体步骤如下：

1. 首先，在你的 Vue 组件中，导入 `ElDatePicker` 并给它一个变量名，例如 `datePicker`。

<template>
  <el-date-picker
    ref="datePicker"
    type="date" <!-- 或者 "datetime", 默认是 "datetime" 包含时间 -->
    :show-time="{ disabledHours: true, disabledMinutes: true, disabledSeconds: true }" 
  ></el-date-picker>
</template>

2. 使用 `ref` 绑定 `el-date-picker` 到你的组件实例上，并在数据对象中设置对应的配置项。`disabledHours`, `disabledMinutes`, 和 `disabledSeconds` 分别控制小时、分钟和秒数的选择。

3. 然后在需要操作选择器时，你可以通过 `this.$refs.datePicker` 调用组件的方法，如设置日期、获取值等。

注意，如果只想保留年月日而隐藏时分秒，那么 `type="date"` 就足够了，因为它默认不会显示时间部分。

el-date-picker怎么去掉分秒

可以通过设置 el-date-picker 的 format 属性来去掉分秒，具体代码如下：

<el-date-picker
  v-model="date"
  type="datetime"
  format="yyyy-MM-dd">
</el-date-picker>

其中，format 属性设置为 "yyyy-MM-dd" 即可只显示年月日。