<van-datetime-picker> type="date"时 使用format-value 没有效果

`format-value` 是用于格式化 `value` 的属性。在 `van-datetime-picker` 中，当 `type="date"` 时，`value` 是一个日期对象，而不是字符串。因此，如果您要格式化日期，请使用 JavaScript 中的日期格式化函数（如 `toLocaleDateString()`）来处理它，而不是使用 `format-value`。您可以通过以下方式来实现：

<van-datetime-picker
  v-model="date"
  type="date"
  @change="handleChange"
></van-datetime-picker>

data() {
  return {
    date: new Date()
  };
},
methods: {
  handleChange(val) {
    console.log(val.toLocaleDateString());
  }
}

这样，当您选择日期时，控制台将输出格式化的日期字符串。您可以根据需要调整日期格式。

相关问题

<van-datetime-picker v-model="currentDate" type="date" :formatter="dateFormat" /> formatter没有效果

`<van-datetime-picker>` 组件的 `formatter` 属性是用于格式化日期显示的，但是仅在 `type="datetime"` 或 `type="datetime-range"` 时才会生效。如果你使用的是 `type="date"`，则可以使用 `:format-value` 属性来格式化日期的值。

例如，使用 `moment.js` 库来格式化日期，可以这样写：

<van-datetime-picker
  v-model="currentDate"
  type="date"
  :format-value="formatValue"
/>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      currentDate: new Date(),
    };
  },
  methods: {
    formatValue(date) {
      return moment(date).format('YYYY-MM-DD');
    },
  },
}
</script>

这样，选择的日期就会以 `YYYY-MM-DD` 格式显示。

<div class="block"> <el-date-picker v-model="entity.birthday" id="birthday" type="datetime" clearable value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间"></el-date-picker> </div>

这是一个 Vue.js 组件，它创建了一个日期选择器。在这个组件中，`v-model`绑定了一个`entity.birthday`，当用户选择一个日期时，它将会自动更新`entity.birthday`的值。`id`属性设置了选择器的 ID，`type`属性设置了选择器的类型为日期时间，`clearable`属性为 true 时，选择器右侧会出现一个清除按钮。`value-format`属性设置了日期时间的格式，而`placeholder`属性设置了选择器的占位文本。