Display previous 2 weeks (using vue.js)

Question

Display previous 2 weeks (using vue.js)

Hi, I am using a script in vue.js that currently shows the next 2 weeks, but I need to modify it to display the previous 2 weeks instead. Any suggestions? Thanks.

methods: {
    // Get all days without sunday:
    dates(index) {
      var week = new Array();
      let current = new Date();
      // Starting Monday not Sunday
      current.setDate((current.getDate() - current.getDay() +1));
      for (var i = 0; i < 13; i++) {
        let date = new Date(current);
        week.push(moment(date).format('DD.MM.YY'));
        current.setDate(current.getDate() +1);
      }
      return week[index];
    },

javascript date vue.js

Answer 1

Answer №1

To travel back in time, you must subtract from the present date:

methods: {
    // Retrieve all days except Sunday:
    dates(index) {
      var week = new Array();
      let current = new Date();
      // Begin with Monday instead of Sunday
      current.setDate((current.getDate() - current.getDay() +1));
      for (var i = 0; i < 13; i++) {
        let date = new Date(current);
        week.push(moment(date).format('DD.MM.YY'));
        current.setDate(current.getDate() - 1); // <-- this line has been altered
      }
      return week[index];
    },

Answer 2

To travel back in time, you must subtract from the present date:

methods: {
    // Retrieve all days except Sunday:
    dates(index) {
      var week = new Array();
      let current = new Date();
      // Begin with Monday instead of Sunday
      current.setDate((current.getDate() - current.getDay() +1));
      for (var i = 0; i < 13; i++) {
        let date = new Date(current);
        week.push(moment(date).format('DD.MM.YY'));
        current.setDate(current.getDate() - 1); // <-- this line has been altered
      }
      return week[index];
    },

Answer 3

Answer №2

Give this code a shot:

function generateDates(index) {
      var week = new Array();
      let current = moment().subtract(1, 'days');
      for (var i = 0; i < 12; i++) {
        week.push(current.format('DD.MM.YY'));
        current = current.subtract(1, 'days')
      }
      console.log(week);
      return week[index];
}
console.log(generateDates(2));

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>

Answer 4

Give this code a shot:

function generateDates(index) {
      var week = new Array();
      let current = moment().subtract(1, 'days');
      for (var i = 0; i < 12; i++) {
        week.push(current.format('DD.MM.YY'));
        current = current.subtract(1, 'days')
      }
      console.log(week);
      return week[index];
}
console.log(generateDates(2));

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>

Display previous 2 weeks (using vue.js)

Answer №1

Answer №2

Similar questions

Issues Encountered During Form Data Transmission via XHR

"Transforming a static navbar to a fixed position causes the page to jump

having difficulty obtaining the keyCode/key event while input event is triggered

What is the most effective way to showcase a list of image URLs in HTML with Vue?

The object NativeModules from the 'react-native' requirement is currently empty

What is the correct method for dynamically importing framer-motion in NextJS?

Sending an HTML form to an external ASP script

The crash during compilation is triggered by the presence of react-table/react-table.css in the code

What is the best way to append something to the textContent property of an HTML tag within a markup page?

Issue with Typescript not recognizing default properties on components

Set a class for the active menu item using jQuery based on the current window location

"Exploring the possibilities of mocking routes in Vue 3 with Vitest and

Reordering Columns in Apex Chart Heatmap

Implementing TestCafe with a Rails backend and utilizing fixtures data for testing

Guide to reference points, current one is constantly nonexistent

Localization for Timeago JS Plugin

Troubleshooting MODULE NOT FOUND Error in my First NodeJS Application: A guide to resolving common issues

Resolving circular errors in ESLint with Prettier

Best practices for using Promises in NodeJS

Sorting prices in descending order using Expedia API