vue中new date转为yyyy-mm-dd格式

你可以使用Vue的过滤器（Filter）来将日期格式化为 "yyyy-mm-dd" 的格式。具体实现如下：

在Vue实例中定义一个名为"dateFormat"的过滤器，代码如下：

Vue.filter('dateFormat', function(value) {
    if (value) {
        let date = new Date(value);
        let year = date.getFullYear();
        let month = date.getMonth() + 1;
        month = month < 10 ? '0' + month : month;
        let day = date.getDate();
        day = day < 10 ? '0' + day : day;
        return year + '-' + month + '-' + day;
    } else {
        return '';
    }
});

然后在模板中使用该过滤器即可：

<p>日期：{{ date | dateFormat }}</p>

其中，date为需要格式化的日期，"dateFormat"为定义的过滤器名字。

相关问题

vue new date转为yyyy-mm-dd格式

可以使用JavaScript的Date对象和字符串方法来实现将日期转换为"yyyy-mm-dd"格式。

示例代码如下：

// 定义一个日期对象
const myDate = new Date('2021/07/20');

// 获取年月日
const year = myDate.getFullYear();
const month = myDate.getMonth() + 1;
const day = myDate.getDate();

// 格式化日期
const formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;

console.log(formattedDate); // 输出："2021-07-20"

上述代码中，先创建一个Date对象，然后使用`getFullYear()`、`getMonth()`和`getDate()`方法获取年月日信息。接着使用字符串模板和`padStart()`方法将月份和日期转换为两位数，并将它们拼接成"yyyy-mm-dd"格式的字符串。最后输出转换后的日期字符串。

VUE中 将new Date 转为 YYYY-mm-dd格式

在Vue中，可以使用过滤器来将日期格式化为YYYY-mm-dd格式。以下是一个示例：

首先在Vue中定义一个过滤器：

Vue.filter('dateFormat', function (date) {
  if (!date) return ''
  return moment(date).format('YYYY-MM-DD')
})

然后在模板中使用该过滤器：

<template>
  <div>
    <p>{{ date | dateFormat }}</p>
  </div>
</template>

这里使用了moment.js库来格式化日期。如果您不想使用这个库，可以使用JavaScript内置的日期对象来格式化日期。以下是一个使用JavaScript内置日期对象的示例过滤器：

Vue.filter('dateFormat', function (date) {
  if (!date) return ''
  const d = new Date(date)
  const year = d.getFullYear()
  const month = ('0' + (d.getMonth() + 1)).slice(-2)
  const day = ('0' + d.getDate()).slice(-2)
  return `${year}-${month}-${day}`
})

注意，这个过滤器假定传入的日期是一个字符串。如果您传入的是Date对象，请修改过滤器以适应这种情况。