vue input 时间格式化

在Vue中，你可以使用moment.js库来格式化输入框中的时间。首先，确保你已经安装了moment.js库。然后，你可以使用以下代码来格式化输入框中的时间：

<template>
  <div>
    <input type="datetime-local" v-model="dateTime" @change="formatDateTime">
    <p>格式化后的时间：{{ formattedDateTime }}</p>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      dateTime: '',
      formattedDateTime: '',
    };
  },
  methods: {
    formatDateTime() {
      this.formattedDateTime = moment(this.dateTime).format('YYYY-MM-DD HH:mm:ss');
    },
  },
};
</script>

在上述代码中，我们使用了`v-model`指令来双向绑定输入框的值到`dateTime`变量。当输入框的值发生变化时，`@change`事件会触发`formatDateTime`方法，该方法使用moment.js来格式化时间，并将格式化后的时间存储到`formattedDateTime`变量中。最后，我们在页面上展示了格式化后的时间。

你可以根据自己的需求，修改moment.js的格式化字符串(`'YYYY-MM-DD HH:mm:ss'`)来达到不同的时间格式化效果。