vue设计中，如何从this.$route.query.row获得如2023.10.01~2023.10.31格式的日期范围中取出2023.10.01格式的起始时间和2023.10.31格式的结束时间

在Vue设计中，如果你已经通过`this.$route.query.row`获取到了包含日期范围字符串的值，比如"2023.10.01~2023.10.31"这样的格式，你可以将其解析成日期对象并提取起始和结束时间。可以使用JavaScript的`split()`函数将范围分割成两个单独的日期，然后使用`Date`构造函数创建日期对象。

首先，假设你有这样一个变量：

const dateRangeString = this.$route.query.row;

接下来，你可以按照以下步骤操作：

1. 分割范围字符串：

const [startDateStr, endDateStr] = dateRangeString.split("~");

2. 将日期字符串转换为`Date`对象：

const startDate = new Date(startDateStr);
const endDate = new Date(endDateStr);

3. 获取起始日期和结束日期的时间部分（去除日期信息，只保留时间部分）：

const startDateTime = startDate.toLocaleTimeString(); // 例如 "10:00:00"
const endDateTime = endDate.toLocaleTimeString(); // 例如 "23:59:59"

// 如果需要精确到秒，可以使用以下方式获取毫秒数：
const startTimestamp = startDate.getTime();
const endTimestamp = endDate.getTime();

现在，`startDateTime`和`endDateTime`分别包含了起始时间和结束时间的字符串表示，如果需要精确到秒，则使用对应的`getTime()`返回的毫秒值。