uview <u-datetime-picker 组件如何使用formatter

在UView UI库中，`<u-datetime-picker>`组件用于选择日期和时间。如果你想自定义显示格式，可以使用`formatter`属性。`formatter`是一个函数，它接受当前选择的时间作为参数，并返回按照指定格式显示的字符串。

例如，如果你想要日期格式化为"YYYY年MM月DD日 HH:mm:ss"，你可以这样做：

<u-datetime-picker :formatter="customFormatter"></u-datetime-picker>

然后，在你的JavaScript或TypeScript文件中定义`customFormatter`函数：

export default {
  data() {
    return {
      customFormatter(date) {
        const year = date.getFullYear();
        const month = ('0' + (date.getMonth() + 1)).slice(-2);
        const day = ('0' + date.getDate()).slice(-2);
        const hours = ('0' + date.getHours()).slice(-2);
        const minutes = ('0' + date.getMinutes()).slice(-2);
        const seconds = ('0' + date.getSeconds()).slice(-2);

        return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds}`;
      },
    };
  },
};

在这个例子中，`customFormatter`会根据选择的日期动态生成格式化的字符串。