Creating a script to divide two date ranges using nested functions and sending a request to the API via JavaScript

Question

Creating a script to divide two date ranges using nested functions and sending a request to the API via JavaScript

I have implemented a component that displays news based on a specified date range. Currently, the API I am using only provides data for the past 90 days. However, I aim to enhance this component by allowing users to select a date range of 1 year. To achieve this, I plan to divide the 1-year period into chunks of 90 days and fetch data accordingly. Additionally, I need the request to halt after retrieving the first set of data within the 90-day interval.

For instance:

startDate = 2021-12-27

endDate = 2022-12-27

Identify the date that is 90 days before the chosen endDate (startDate = 2022-10-27). If there is data available, the loop should break. Otherwise, the system should send a request for the previous 90-day period.

This is my code:

function requestToDataNews(startDate, endDate) {
    return new Promise((resolve, reject) => {
      http.get(`/test=&start_date=${startDate}&end_date=${endDate}`, { timeout: 40000 }
      )
        .then((response) => {
          if(response.data.response_code === 200){
            resolve(response.data);
          } else {
            reject(response.data);
          }
        })
        .catch((error) => {
          reject(error);
        }).finally(() => {
          commit('loadingBar', false);
        });
    });
 }
 commit('loadingBar', true);
 let startDate = '2022-12-27';
 let endDate = '2021-12-27';
 
 const differentDays = tools.getDifferentDaysRange(endDate, startDate, 'days');
 const currentNewsData = [];
 
 if (differentDays > 90 && differentDays <= 365) {
   for (let i = 0; i < Math.ceil(differentDays / 90); i += 1){
     startDate = moment(endDate).subtract('months', 2).format('YYYY-MM-DD');
     const newsData = requestToDataNews(startDate, endDate);
     if (newsData.is_success) {
       currentNewsData.push(...newsData.data);
     }
   }
 }
}

PLEASE NOTE: There seems to be an issue with my code's functionality.

javascript function vue.js loops nested

Answer 1

Answer №1

Avoid using string dates for comparisons; opt for timestamps and verify the dates instead.

function fetchNewsData(startDate, endDate) {
  return new Promise((resolve, reject) => {
    http.get(`/test=&start_date=${startDate}&end_date=${endDate}`, { timeout: 40000 })
      .then((response) => {
        if (response.data.response_code === 200) {
          resolve(response.data);
        } else {
          reject(response.data);
        }
      })
      .catch((error) => {
        reject(error);
      }).finally(() => {
        commit('loadingBar', false);
      });
  });
}

const onStartDate = '2021-12-27';
const onEndDate = '2022-12-27';

// conversion to timestamp
const startDateStamp = new Date(onStartDate).getTime();
const endDateStamp = new Date(onEndDate).getTime();

// calculating difference in days
const diffDaysStamp = Math.ceil((endDateStamp - startDateStamp) / (1000 * 60 * 60 * 24));

if (diffDaysStamp <= 90) {
  fetchNewsData(onStartDate, onEndDate);
} else {
  const diffDate = Math.ceil(diffDays / 90);
  const dateArr = [];
  for (let i = 0; i < diffDate; i++) {
    const startDate = new Date(onStartDate).getTime();
    const endDate = new Date(onEndDate).getTime();
    const diffDays = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24));
    if (diffDays <= 90) {
      dateArr.push({
        startDate: new Date(startDate).toISOString().slice(0, 10),
        endDate: new Date(endDate).toISOString().slice(0, 10),
      });
    } else {
      const newEndDate = new Date(startDate + 90 * 24 * 60 * 60 * 1000);
      dateArr.push({
        startDate: new Date(startDate).toISOString().slice(0, 10),
        endDate: new Date(newEndDate).toISOString().slice(0, 10),
      });
    }
  }
  dateArr.forEach((item) => {
    fetchNewsData(item.startDate, item.endDate);
  });
}

This is just an example, so the code may not be operational. I have not verified it. It's meant to provide you with an idea.

Answer 2

Avoid using string dates for comparisons; opt for timestamps and verify the dates instead.

function fetchNewsData(startDate, endDate) {
  return new Promise((resolve, reject) => {
    http.get(`/test=&start_date=${startDate}&end_date=${endDate}`, { timeout: 40000 })
      .then((response) => {
        if (response.data.response_code === 200) {
          resolve(response.data);
        } else {
          reject(response.data);
        }
      })
      .catch((error) => {
        reject(error);
      }).finally(() => {
        commit('loadingBar', false);
      });
  });
}

const onStartDate = '2021-12-27';
const onEndDate = '2022-12-27';

// conversion to timestamp
const startDateStamp = new Date(onStartDate).getTime();
const endDateStamp = new Date(onEndDate).getTime();

// calculating difference in days
const diffDaysStamp = Math.ceil((endDateStamp - startDateStamp) / (1000 * 60 * 60 * 24));

if (diffDaysStamp <= 90) {
  fetchNewsData(onStartDate, onEndDate);
} else {
  const diffDate = Math.ceil(diffDays / 90);
  const dateArr = [];
  for (let i = 0; i < diffDate; i++) {
    const startDate = new Date(onStartDate).getTime();
    const endDate = new Date(onEndDate).getTime();
    const diffDays = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24));
    if (diffDays <= 90) {
      dateArr.push({
        startDate: new Date(startDate).toISOString().slice(0, 10),
        endDate: new Date(endDate).toISOString().slice(0, 10),
      });
    } else {
      const newEndDate = new Date(startDate + 90 * 24 * 60 * 60 * 1000);
      dateArr.push({
        startDate: new Date(startDate).toISOString().slice(0, 10),
        endDate: new Date(newEndDate).toISOString().slice(0, 10),
      });
    }
  }
  dateArr.forEach((item) => {
    fetchNewsData(item.startDate, item.endDate);
  });
}

This is just an example, so the code may not be operational. I have not verified it. It's meant to provide you with an idea.

Creating a script to divide two date ranges using nested functions and sending a request to the API via JavaScript

Answer №1

Similar questions

Adding a new property to a JSON object in a specific position

Choosing multiple items using ng-checked and ng-model in AngularJS

What is the method to retrieve the current index of an item in v-carousel?

Unable to utilize object functions post-casting操作。

responding with a value of undefined for the get request

How can one change the color of movable tiles to red while keeping the rest of the tiles in their original state in a puzzle game?

Unable to submit form in Nextjs using react-bootstrap

Run JavaScript code after the completion of loading a generic handler in ASP.NET

Properly defining the selector for the element.closest() method in the DOM

Remove the ahover effect on touch for iPad and iPhone devices

Add a selection of paths from a different package into the Router

Alternative solution to avoid conflicts with variable names in JavaScript, besides using an iframe

Angular 4 with Universal: Implementing 404 Status Code in Header for /404 Page Component

Substituting the Line Break Character

I'm unsure of the most efficient way to condense this statement

Setting up instagram-node-lib for managing subscriptions

Error: JSON data abruptly terminated (Node.js)

Ways to simulate a class instance that is being received from a file with a different class instance

the drawbacks of using mixins as outlined in Vue's official documentation

What is the best way to transfer form data to another function without causing a page refresh?