uni-datetime-picker的default用法

uni-datetime-picker是一个基于Vue.js开发的日期时间选择组件，它提供了一个简洁易用的日期和时间选择界面。`default`属性在uni-datetime-picker组件中用于设置默认显示的日期和时间，当组件初始化时会显示这个值。

基本用法如下：

<template>
  <uni-datetime-picker :default="currentDateTime" @change="onDateChange"></uni-datetime-picker>
</template>

<script>
export default {
  data() {
    return {
      currentDateTime: { date: '2022-01-01', time: '12:00' }, // 可以是Date对象或者字符串格式
      currentDate: '', // 存储用户选择后的日期
    };
  },
  methods: {
    formatDate(date) {
      // 格式化日期返回给前端展示
      return `${date.year}-${date.month}-${date.day} ${date.hour}:${date.minute}`;
    },
    onDateChange(value) {
      this.currentDate = this.formatDate(value);
    },
  },
};
</script>

在这个例子中，`default`属性设置了一个包含年、月、日和时分的对象。当用户首次打开组件时，会显示这个日期和时间。当用户做出选择后，`@change`事件会被触发，将用户的选取更新到`currentDate`变量，并通过`formatDate`函数转换为格式化的字符串。