vue 2023年05月17日转化为2023-05-17的方法

可以在 Vue 组件中编写一个计算属性来实现将日期格式转化为所需格式。以下是代码示例：

<template>
  <div>{{ formattedDate }}</div>
</template>

<script>
export default {
  data() {
    return {
      dateStr: '2023年05月17日'
    }
  },
  computed: {
    formattedDate() {
      const dateArr = this.dateStr.split(/[年月日]/).map(Number);
      const dateObj = new Date(dateArr[0], dateArr[1] - 1, dateArr[2]);
      const formattedDate = dateObj.toISOString().slice(0, 10);
      return formattedDate;
    }
  }
}
</script>

在模板中使用 `formattedDate` 进行计算属性的调用，即可将日期格式转化为所需格式。

相关问题

vue 2023年05月17日转化为2023-05-17

可以在 Vue 组件中编写一个方法来实现将日期格式转化为所需格式。以下是代码示例：

<template>
  <div>{{ formatDate(dateStr) }}</div>
</template>

<script>
export default {
  data() {
    return {
      dateStr: '2023年05月17日'
    }
  },
  methods: {
    formatDate(value) {
      const dateArr = value.split(/[年月日]/).map(Number);
      const dateObj = new Date(dateArr[0], dateArr[1] - 1, dateArr[2]);
      const formattedDate = dateObj.toISOString().slice(0, 10);
      return formattedDate;
    }
  }
}
</script>

在模板中使用 `formatDate(dateStr)` 进行方法的调用，即可将日期格式转化为所需格式。

vue 把2023年05月17日转化为2023-05-17

可以使用 Vue.js 中的过滤器来实现将日期格式转化为所需格式。以下是代码示例：

<template>
  <div>{{ dateStr | formatDate }}</div>
</template>

<script>
export default {
  data() {
    return {
      dateStr: '2023年05月17日'
    }
  },
  filters: {
    formatDate(value) {
      const dateArr = value.split(/[年月日]/).map(Number);
      const dateObj = new Date(dateArr[0], dateArr[1] - 1, dateArr[2]);
      const formattedDate = dateObj.toISOString().slice(0, 10);
      return formattedDate;
    }
  }
}
</script>

在模板中使用 `dateStr | formatDate` 进行过滤器的调用，即可将日期格式转化为所需格式。