vue 将字符串类型的日期转化为yyyy-mm-dd格式

在Vue中，如果你想将字符串类型的日期转换成"yyyy-mm-dd"格式，通常需要先解析原始字符串，然后使用`Date`构造函数创建一个新的日期对象，最后再次使用`toLocaleDateString`或者自定义格式化函数来输出所需的格式。

假设你有一个包含日期字符串的变量`inputDateString`，可以编写一个计算属性来进行转换：

<template>
  <div>
    <input v-model="inputDateString" />
    <p>转换后的日期: {{ convertedDateString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputDateString: '',
    };
  },
  computed: {
    convertedDateString() {
      const dateString = this.inputDateString; // 获取输入的日期字符串
      if (typeof dateString === 'string') { // 检查是否为字符串
        try {
          // 使用正则或moment.js等库来解析日期
          const dateObject = new Date(dateString.replace(/-/g, '/')); // 假设日期字符串格式为"YYYY-MM-DD"
          return dateObject.toLocaleDateString('yyyy-MM-dd');
        } catch (error) {
          console.error('无法解析日期:', error);
          return '';
        }
      } else {
        return dateString;
      }
    },
  },
};
</script>

在这个例子中，我们首先检查输入是否为字符串，如果是，尝试用"/"替换"-", 然后构造新的Date对象，并使用固定的格式返回。如果解析失败，会捕获错误并输出一条消息。