2

我是这个论坛的新手，我来这里是因为我的大脑正在爆炸，但我真的很想实现构建一个预订系统应用程序。以下是我的故事：

我正在处理以下数据：

  • 一个数组，其中有 5 分钟的时间段，以便用户可以选择一个时间段来预约他的约会。如下所示：

var timeslotArray = ["09:00", "09:05", "09:10", "09:15", "09:20", "09:25" ... ,"18:00"]

注意：我已经从“timeslotArray”中删除了一些时间，例如从“12:00”到“13:00”的休息时间。或者，如果还有其他约会，那么我设法删除了这些时间。所以我最终得到了一个“timeslotArray”，它看起来像：

var timeslotArray = ["09:00", "09:05", "09:25" ... ,"18:00"]

接下来是可以预订的服务，这些服务有持续时间。假设用户选择了一项持续时间为 10 分钟的服务。现在我的大问题是如何从“timeslotArray”中删除服务的持续时间，以便用户只能选择可用的时间段。因为现在从 09:10 到 09:25 有一个休息时间。这意味着“timeslotArray”中不应显示 09:05，因为服务持续时间为 10 分钟。（开始休息时间为 09:10，负 10 分钟为 09:00）。还要记住，在休息时间旁边还有其他约会，我需要在开始时间 10 分钟后删除。

我完全使用 Javascript 工作并且尝试了很多，但总是至少有一个场景是我在编码过程中没有涵盖的。

我希望有人能帮助我，哪怕只是一小步。不管怎么说，还是要谢谢你！

亲切的问候，

花木

4

1 回答 1

0

你好吗？

检查此代码：

var timeslotArray = ["09:00", "09:05", "09:10", "09:15", "09:20", "09:25","18:00"]

function updateArray(timeChosen,duration){
var startTime = new Date(Date.parse('01/01/2011 '+timeChosen));
var endTime =  new Date(startTime.getTime() + duration * 60000);

timeslotArray.forEach((hour, index)=>{
var hourAsDate = new Date(Date.parse('01/01/2011 '+ hour));
if (hourAsDate < endTime && hourAsDate >= startTime){
timeslotArray[index] = null; 
}
});
timeslotArray = timeslotArray.filter((hour) => {return hour != null;});
}

updateArray("09:00",20);
console.log(timeslotArray);

该函数updateArray应该得到一个小时的字符串（例如“05:00”或“09:00”）和一个持续时间的数字（表示分钟）。

该数组正在执行一个forEach命令，该命令使 start time 和 end time 之间的所有小时数null，然后过滤掉所有空值（我这样做是因为在循环中删除部分数组会导致索引问题）

玩得开心黑客！

于 2021-01-03T21:01:29.690 回答