Ways to verify the timeframe between two specific dates

Question

Ways to verify the timeframe between two specific dates

Having two distinctive arrays:

accomodation: [
  {
    id: 1,
    name: "Senator Hotel Fnideq",
    address: "Route de Ceuta, 93100 Fnidek, Morocco",
    checkin: "September 1",
    fullCheckinDate: "2021-09-01",
    checkout: "September 3",
    fullCheckoutDate: "2021-09-03",
    nights: 2,
    mealplan: "Breakfast,Lunch"
  },
  {
    id: 2,
    name: "Kabek Morocco Hotel",
    address: "Omis Juy, 93100 Kabek, Morocco",
    checkin: "September 3",
    fullCheckinDate: "2021-09-03",
    checkout: "September 5",
    fullCheckoutDate: "2021-09-05",
    nights: 2,
    mealplan: "Breakfast,Lunch"
  }
]

experiences: [
        {
            id: 1,
            fullDate: "2021-09-01",
            title: "Arrival",
            itinerary: // []
        },
        {
          id: 2,
          fullDate: "2021-09-02",
          title: "Sightseeing",
          itinerary: // []
        }
    ]

Looking to merge the common dates in accommodation and experiences into an object.

myTrips: [
  {
    accomodation: {
      id: 1,
      name: "Senator Hotel Fnideq",
      address: "Route de Ceuta, 93100 Fnidek, Morocco",
      checkin: "September 1",
      fullCheckinDate: "2021-09-01",
      checkout: "September 3",
      fullCheckoutDate: "2021-09-03",
      nights: 2,
      mealplan: "Breakfast,Lunch"
    },
    experiences: {
       id: 1,
       fullDate: "2021-09-01",
       title: "Arrival",
       itinerary: // []
    }
  },
  //... another object
]

Utilizing dayjs for date operations. What steps should I take?

javascript arrays vue.js object dayjs

Answer 1

Answer №1

const accommodations = [
  {
    id: 1,
    name: "Grand Hotel Riviera",
    address: "123 Ocean Avenue, Rivertown, USA",
    checkin: "September 15",
    fullCheckinDate: "2022-09-15",
    checkout: "September 20",
    fullCheckoutDate: "2022-09-20",
    nights: 5,
    mealplan: "Breakfast,Dinner"
  },
  {
    id: 2,
    name: "Sunset Resort Oasis",
    address: "456 Palm Beach Road, Sun City, USA",
    checkin: "September 20",
    fullCheckinDate: "2022-09-20",
    checkout: "September 22",
    fullCheckoutDate: "2022-09-22",
    nights: 2,
    mealplan: "All Inclusive"
  }
];

const activities = [
    {
        id: 1,
        fullDate: "2022-09-16",
        title: "Beach Day",
        itinerary: []
    },
    {
      id: 2,
      fullDate: "2022-09-18",
      title: "City Tour",
      itinerary: []
    }
];

const myVacation = [];
accommodations.map(acc => {
  const activity = activities.filter(act => {
  const date = new Date(act.fullDate);
  return date >= new Date(acc.fullCheckinDate) && date <= new Date(acc.fullCheckoutDate);
});
  myVacation.push({accommodation: acc, activity});
});

console.log(myVacation);

Answer 2

const accommodations = [
  {
    id: 1,
    name: "Grand Hotel Riviera",
    address: "123 Ocean Avenue, Rivertown, USA",
    checkin: "September 15",
    fullCheckinDate: "2022-09-15",
    checkout: "September 20",
    fullCheckoutDate: "2022-09-20",
    nights: 5,
    mealplan: "Breakfast,Dinner"
  },
  {
    id: 2,
    name: "Sunset Resort Oasis",
    address: "456 Palm Beach Road, Sun City, USA",
    checkin: "September 20",
    fullCheckinDate: "2022-09-20",
    checkout: "September 22",
    fullCheckoutDate: "2022-09-22",
    nights: 2,
    mealplan: "All Inclusive"
  }
];

const activities = [
    {
        id: 1,
        fullDate: "2022-09-16",
        title: "Beach Day",
        itinerary: []
    },
    {
      id: 2,
      fullDate: "2022-09-18",
      title: "City Tour",
      itinerary: []
    }
];

const myVacation = [];
accommodations.map(acc => {
  const activity = activities.filter(act => {
  const date = new Date(act.fullDate);
  return date >= new Date(acc.fullCheckinDate) && date <= new Date(acc.fullCheckoutDate);
});
  myVacation.push({accommodation: acc, activity});
});

console.log(myVacation);

Ways to verify the timeframe between two specific dates

Answer №1

Similar questions

I keep receiving the same error (ENOENT) for all npm commands

Axios transforms into a vow

graphic map and paintbrush

The function causes changes to an object parameter once it has been executed

What is the process for creating a three-dimensional Bezier curve using JavaScript, specifically with three.js and WebGL?

What is the best way to access an item within an item using HTML and AngularJS?

Why is the state object empty in this React Native function?

Why isn't the externally loaded JS file executing properly?

Error: Unable to access 'map' property of an undefined variable in NextJS while using getStaticPaths

Using the Ajax method from a separate class in TypeScript: A step-by-step guide

Experiencing issues with loading Vuex in Nativescript-Vue using the 'tns preview' command?

What is the best way to make a drop down menu list appear when I click on the parent li, and then show the sub li using JavaScript?

Subject: Exploring the capabilities of the Vue-bootstrap-typeahead API serializer

Using Node.js to invoke an identifier loop

Errors encountered while running `npm install discord.js`

Is there a way to determine the remaining time or percentage until document.ready is reached?

Using Selenium WebDriver to handle Angular requests in Java

Send both queries using JSON

Create a form action dynamically with JavaScript

Ways to change the visibility of a view depending on a state in vuex?