el-date-picker 转字符串

可以使用 formatDate 方法将 el-date-picker 中的日期转换为字符串。示例代码如下：

<el-date-picker
  v-model="date"
  type="date"
  placeholder="选择日期">
</el-date-picker>

...

// 将日期转换为字符串
let dateString = this.$moment(this.date).format('YYYY-MM-DD');
console.log(dateString);

相关问题

el-date-picker数组转字符串

`el-date-picker` 是 Element UI 提供的一个日期选择器组件，在 Vue.js 中常用于处理用户输入日期。当需要将用户选择的日期数组转换成字符串时，可以利用 `format` 属性结合日期格式化规则来实现。

假设你有一个日期数组 `dateArray`，每个元素都是一个包含年、月、日的对象，例如：

const dateArray = [
  { year: 2023, month: 1, day: 1 },
  { year: 2023, month: 2, day: 28 },
];

你可以通过循环遍历这个数组，然后对每个日期对象应用 `el-date-picker` 的 `format` 函数，比如 `yyyy-MM-dd` 格式，像这样：

let dateStringArray = dateArray.map(date => {
  return this.$el.datepicker.format('yyyy-MM-dd', { year: date.year, month: date.month - 1, day: date.day });
});

这里要注意 `month` 需要减一，因为 Vue 的日期选择器使用 0 表示 January。

el-date-picker 显示字符串

`el-date-picker` 是 Element UI 提供的一个用于选择日期和时间的组件。如果你想让它显示字符串，通常是在获取到日期值之后将其格式化为指定的字符串形式。Element UI 的日期选择器本身并不直接提供显示字符串的功能，但你可以通过它的 `format` 或者 `value-format` 属性来定制返回的日期格式。

例如，在模板中设置 `format`:

<el-date-picker v-model="date" :format="dateFormat"></el-date-picker>

然后在你的数据对象中存储一个日期对象 (`date`)，在 `dateFormat` 中定义你想显示的字符串格式，比如 `"yyyy-MM-dd"` 或 `"YYYY/MM/DD"`。

如果你想在点击按钮等事件触发时转换成字符串，可以这样做：

methods: {
  formatDate(date) {
    return date.format('yyyy-MM-dd');
  }
}

当需要显示日期时，调用 `formatDate` 函数即可。