数组中有两个数据，将其变成字符串

数组两个数据 → 转字符串（3种最常用方式）

下面是直观图解 + Vue/JS 直接复制代码

---

1. 用逗号连接（最常用）

图示

数组：['2026-03-01', '2026-03-23']
         ↓  join(',')
字符串："2026-03-01,2026-03-23"

代码

let arr = ['2026-03-01', '2026-03-23']
let str = arr.join(',') // 转字符串

console.log(str) 
// 输出：2026-03-01,2026-03-23

---

2. 用横线连接（日期范围常用）

图示

数组：['2026-03-01', '2026-03-23']
         ↓  join(' ~ ')
字符串："2026-03-01 ~ 2026-03-23"

代码

let arr = ['2026-03-01', '2026-03-23']
let str = arr.join(' ~ ') 

console.log(str) 
// 输出：2026-03-01 ~ 2026-03-23

---

3. 直接拼接（自定义格式）

图示

数组：[开始时间, 结束时间]
         ↓
字符串：开始时间 - 结束时间

代码

let arr = ['2026-03-01', '2026-03-23']
let str = arr[0] + ' 至 ' + arr[1]

console.log(str) 
// 输出：2026-03-01 至 2026-03-23

---

你场景：Element Plus 日期范围选择器

你用的是 daterange，它的值就是两个元素的数组：

const dateRange = ref(['2026-03-01', '2026-03-23'])

// 转字符串
const str = dateRange.value.join(' ~ ')

---

总结

1. 数组转字符串最简单：数组.join(分隔符)
2. 两个数据 → 字符串：join(',') join('~') 都可以
3. 你的日期范围组件，直接用 join 最方便

需要我把它直接写到你的日期组件代码里吗？