有没有办法在一段时间后使用 date-fns 或 JavaScript 从数组中返回项目

Question

我目前在我的 Angular 应用程序中使用date-fns fns 库，并且我正在使用名为isWeekend的助手从仅在周末的数组中返回一些时隙项。

但是，我找不到在某个时间（例如“下午 1 点之后”）之后归还周末商品的方法。

请看下面：

• 有两个日期的时间在 13:00:00（下午 1 点）之后
• 有两个日期的时间在 13:00:00（下午 1 点）之前

我需要调整过滤器以适应13:00:00（下午 1 点）之后和周末的时间。

 const days = [ { date: "Sun Jul 25 2020 15:30:00 GMT+0100 (British Summer Time)" }, { date: "Sun Jul 25 2020 19:00:00 GMT+0100 (British Summer Time)" }, { date: "Sat Jul 25 2020 05:00:00 GMT+0100 (British Summer Time)" }, { date: "Sat Jul 25 2020 02:00:00 GMT+0100 (British Summer Time)" } ]; const filteredDays = days.filter((day) => { console.log(dateFns.isWeekend(day.date)); // Need a solution for dateFns.isWeekend and after 13:00:00 or 1 PM });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.min.js"></script>

Answer 1

您可以使用同一库的getHours function 提取日期的“小时”部分，然后查看它返回的数字是否为 13 或更高。 结合您现有的isWeekend用法，您的过滤器非常简单。

注意：该库将根据用户的当前语言环境运行这两个函数，而您的日期指定时区。 只是要记住的事情。

 const days = [ { date: "Sun Jul 25 2020 15:30:00 GMT+0100 (British Summer Time)" }, { date: "Sun Jul 25 2020 19:00:00 GMT+0100 (British Summer Time)" }, { date: "Sat Jul 25 2020 05:00:00 GMT+0100 (British Summer Time)" }, { date: "Sat Jul 25 2020 02:00:00 GMT+0100 (British Summer Time)" } ]; const filteredDays = days.filter((day) => { return dateFns.isWeekend(day.date) && dateFns.getHours(day.date) >= 13; }); console.log(filteredDays);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.min.js"></script>