vue2开发中,如何给由一个日期数组[‘2024-10-01’,‘2024-10-02’,‘2024-10-03’]内每个日期加上[00:00,00:15,00:30,00:45…23:30,23:45]96节点时间,重新生成一个数组
时间: 2024-11-12 20:46:19 浏览: 22
vue mint-ui学习笔记之picker的使用
在Vue2开发中,你可以使用JavaScript的Date对象以及for循环或者Array.prototype.map方法来实现这个需求。首先,你需要创建一个包含所有可能时间间隔的小数组,然后遍历日期数组并对每个日期应用时间间隔。以下是步骤:
1. 创建一个包含96个时间点的数组,例如:
```javascript
const timeIntervals = Array.from({length: 96}, (_, i) => `0${(i % 2 === 0 ? '00': '')}${Math.floor(i / 2)}:${'0' + (i % 2).toString()}`);
```
这里假设小时数总是两位,分钟数根据奇偶性补零。
2. 使用`map()`函数遍历日期数组,并对每个日期添加对应的时间间隔:
```javascript
const inputDates = ['2024-10-01', '2024-10-02', '2024-10-03'];
const result = inputDates.map(date => {
const dateObj = new Date(date);
return timeIntervals.map(interval => `${dateObj.getFullYear()}-${dateObj.getMonth()+1}-${dateObj.getDate()} ${interval}`);
});
```
这里先将字符串转换为Date对象,然后应用时间间隔并组合成新的字符串。
最终结果会是一个新的二维数组,每一层都是原始日期加上对应的时间间隔。
阅读全文