Search code examples
javascriptarraysvue.jsobjectdayjs

How to check between two dates


I have two different array:

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: // []
        }
    ]

I want to find a way to combine the dates that are the same between the accommodation and the 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
]

I'm using dayjs to help with the dates. How do I go about this


Solution

  • const 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"
      }
    ];
    
    const experiences = [
        {
            id: 1,
            fullDate: "2021-09-01",
            title: "Arrival",
            itinerary: []
        },
        {
          id: 2,
          fullDate: "2021-09-02",
          title: "Sightseeing",
          itinerary: []
        }
    ];
    
    const myTrips = [];
    accomodation.map(acc => {
      const experience = experiences.filter(exp => {
      const date = new Date(exp.fullDate);
      return date >= new Date(acc.fullCheckinDate) && date <= new Date(acc.fullCheckoutDate);
    });
      myTrips.push({accomodation: acc, experience});
    });
    
    console.log(myTrips);