Determine whether the current time falls within the specified time slots and check if the day is included in the provided array of days

Question

Determine whether the current time falls within the specified time slots and check if the day is included in the provided array of days

Listing my Weekly Schedule:

weekly_schedule: any[] = [
    {
      id: 0,
      value: 'Monday'
    },
    {
      id: 1,
      value: 'Tuesday'
    }, {
      id: 2,
      value: 'Wednesday'
    }, {
      id: 3,
      value: 'Thursday'
    }, {
      id: 4,
      value: 'Friday'
    }, {
      id: 5,
      value: 'Saturday'
    },
    {
      id: 6,
      value: 'Sunday'
    },
  ]

Business Operational Hours:

business_hours = { day_to: 2, time_to: "23:00", day_from: 5, time_from: "08:00" }

I follow the UTC date format. I am checking if the days in weekly_schedule align with the values given by day_from and day_to.

For instance, if day_from is 5 (Saturday) and day_to is 2 (Wednesday), then the necessary array should be:

["Saturday", "Sunday", "Monday". "Tuesday". "Wednesday"]

. The same logic applies for checking the current time against time_from and time_to.

The code snippet is as follows:

   const activationDate = new Date();

    const d_date = activationDate.getUTCDay() - 1;
    console.log(d_date);

    const B_from = this.getMin(this.business_hours.time_from);

    const B_To = this.getMin(this.business_hours.time_to);


    const min = activationDate.getUTCMinutes();
    console.log(min)
    const naan = activationDate.getUTCHours();
    console.log(naan)
    const utcTime = this.getUtcMin(naan, min);



    for(let j = 0; j < this.business_hours.day_to; j++) {
    for (let i = this.business_hours.day_from; i < this.weekly_schedule.length; i++) {
     
      console.log(this.weekly_schedule[i]);

      if (this.weekly_schedule[i].id === d_date) {
        this.is_open = true;
        console.log(this.weekly_schedule[i].value);
      }
     }
    }

The expected results are not being generated by the current implementation.

javascript angular typescript

Answer 1

Answer №1

It seems that you're interested in treating your array as circular, and then slicing it based on a "from" and "to" index, where both indexes are considered inclusive.

Let's say you have an array of strings like this:

console.log(dayArray);
// ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]

(which can be easily converted from a structure like:

const dayArray = days_list.reduce<string[]>((a, d) => (a[d.id] = d.value, a), []);

)

Now, you can create a function for circular array slice with inclusive endpoints in various ways. Here is one approach:

function circularArraySlice<T>(arr: T[], fromIndex: number, toIndex: number) {
  return arr.map((_, i, a) => a[(i + fromIndex) % a.length]).
    slice(0, ((arr.length + toIndex - fromIndex) % arr.length) + 1);
}

This function utilizes modular arithmetic to loop back from the end of the array to the beginning using the JS remainder operator (%). Let's test it out:

console.log(circularArraySlice(dayArray, 5, 2));
// ["Saturday", "Sunday", "Monday", "Tuesday", "Wednesday"] 

console.log(circularArraySlice(dayArray, 2, 5));
// ["Wednesday", "Thursday", "Friday", "Saturday"]

This should achieve what you're aiming for. However, do keep an eye out for any potential edge cases.

Click here to access playground code

Answer 2

It seems that you're interested in treating your array as circular, and then slicing it based on a "from" and "to" index, where both indexes are considered inclusive.

Let's say you have an array of strings like this:

console.log(dayArray);
// ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]

(which can be easily converted from a structure like:

const dayArray = days_list.reduce<string[]>((a, d) => (a[d.id] = d.value, a), []);

)

Now, you can create a function for circular array slice with inclusive endpoints in various ways. Here is one approach:

function circularArraySlice<T>(arr: T[], fromIndex: number, toIndex: number) {
  return arr.map((_, i, a) => a[(i + fromIndex) % a.length]).
    slice(0, ((arr.length + toIndex - fromIndex) % arr.length) + 1);
}

This function utilizes modular arithmetic to loop back from the end of the array to the beginning using the JS remainder operator (%). Let's test it out:

console.log(circularArraySlice(dayArray, 5, 2));
// ["Saturday", "Sunday", "Monday", "Tuesday", "Wednesday"] 

console.log(circularArraySlice(dayArray, 2, 5));
// ["Wednesday", "Thursday", "Friday", "Saturday"]

This should achieve what you're aiming for. However, do keep an eye out for any potential edge cases.

Click here to access playground code

Answer 3

Answer №2

In order to tackle inquiries such as this one, my suggestion would be to outline a few test scenarios with both anticipated outcomes and the actual results observed.

Upon evaluation, it seems there are a couple of potential issues within the code:

The calculation for d_date will yield -1 for Sunday instead of 6 (as expected by days_list)
The outer loop (assigning values to j) does not serve any significant purpose since j is not utilized within the loop. Consequently, each iteration will have the same impact.
The inner loop (assigning values to i) only seeks days that come after day_from in the days_list array. However, based on your example, days from the beginning of days_list could also match if the value of day_from surpasses day_to.

Answer 4

In order to tackle inquiries such as this one, my suggestion would be to outline a few test scenarios with both anticipated outcomes and the actual results observed.

Upon evaluation, it seems there are a couple of potential issues within the code:

The calculation for d_date will yield -1 for Sunday instead of 6 (as expected by days_list)
The outer loop (assigning values to j) does not serve any significant purpose since j is not utilized within the loop. Consequently, each iteration will have the same impact.
The inner loop (assigning values to i) only seeks days that come after day_from in the days_list array. However, based on your example, days from the beginning of days_list could also match if the value of day_from surpasses day_to.

Answer 5

Answer №3

After studying the insights shared by Randy Casburn in a now-deleted response, it has been uncovered that tackling this issue can be achieved through the utilization of JavaScript's filter method. It is crucial to exercise caution and address distinct scenarios when handling situations where to_date comes before from_date and vice versa.

An illustrative example is as follows:

const days_list = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

function getDays(business_hours) {
  const days = days_list.filter((_, id) => {
      if (business_hours.day_from <= business_hours.day_to) {
        return (id >= business_hours.day_from && id <= business_hours.day_to);
      } else {
        return (id <= business_hours.day_to || id >= business_hours.day_from);
      }
  })
  console.log(business_hours, days);
  return days;
}
getDays({ day_from: 2, time_from: "23:00", day_to: 5, time_to: "08:00"});
getDays({ day_to: 2, time_to: "23:00", day_from: 5, time_from: "08:00"});
getDays({ day_from: 3, time_from: "23:00", day_to: 3, time_to: "08:00"});

Answer 6

After studying the insights shared by Randy Casburn in a now-deleted response, it has been uncovered that tackling this issue can be achieved through the utilization of JavaScript's filter method. It is crucial to exercise caution and address distinct scenarios when handling situations where to_date comes before from_date and vice versa.

An illustrative example is as follows:

const days_list = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

function getDays(business_hours) {
  const days = days_list.filter((_, id) => {
      if (business_hours.day_from <= business_hours.day_to) {
        return (id >= business_hours.day_from && id <= business_hours.day_to);
      } else {
        return (id <= business_hours.day_to || id >= business_hours.day_from);
      }
  })
  console.log(business_hours, days);
  return days;
}
getDays({ day_from: 2, time_from: "23:00", day_to: 5, time_to: "08:00"});
getDays({ day_to: 2, time_to: "23:00", day_from: 5, time_from: "08:00"});
getDays({ day_from: 3, time_from: "23:00", day_to: 3, time_to: "08:00"});

Determine whether the current time falls within the specified time slots and check if the day is included in the provided array of days

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to display JSON responses from AJAX in separate divs with identical class names?

Clicking on the Jquery datepicker beforeShowDay remains possible despite all days being set as not selectable

What is the best way to create a type that can accept either a string or a

What steps can be taken to modify this jQuery code so that any changes made are also saved to localStorage

What is the best way to update the value of a Material Angular select to match its label in TypeScript?

Unable to locate Ckeditor toolbar option within Vue (Laravel) framework

Bringing in Bootstrap JavaScript library to a plain HTML project

When using next.js, a warning may be encountered that states: "A value of NaN was received for the `children` attribute. To resolve this, ensure the value is cast as

Having trouble deciphering the code snippet in JavaScript

Leveraging Interfaces for Dependency Injection in Angular 4

Development occurring concurrently within a single Angular project

Choose a property and its corresponding value at random from a JavaScript object

What is the best way to delay an observable from triggering the next event?

When using PWA on an iPhone, the camera feature consistently opens in full screen which makes it difficult to view the HTML button. Adjust

Transform a string into an object using AngularJS $parse function

Using JavaScript, verify if a textbox is blank when utilizing the AJAX Control Toolkit's TextBoxWatermark feature

Ways to transmit the appropriate model

Update various attributes of a div element using JavaScript

Is there a way to implement JavaScript within my Blazor server razor page to modify the styling of a blazor bootstrap button after a form submission?

The bootstrap table did not meet my expectations as I had hoped