在新日期vue.js中获取2个不同日期之间的所有日期[重复]

Posted 2023-05-08

【中文标题】在新日期vue.js中获取2个不同日期之间的所有日期[重复]

【英文标题】：get all date between 2 different date in new Date vue.js [duplicate]

【发布时间】：2020-07-22 02:57:44

【问题描述】：

如何获取 date1 和 date2

之间的每个日期

var date1 = new Date("06/30/2019");
var date2 = new Date("07/30/2019");

var Difference_In_Time = date2.getTime() - date1.getTime();

var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24);

//To display the final no. of days (result) 
document.write("Total number of days between dates  <br>" +
  date1 + "<br> and <br>" +
  date2 + " is: <br> " +
  Difference_In_Days);

【问题讨论】：

我将从使用更好的Date 构造函数开始，例如new Date(2019, 5, 30)。看这里的大警告~developer.mozilla.org/en-US/docs/Web/javascript/Reference/…

您的代码似乎在工作（尽管随着时间的推移它可能会因夏令时变化而遇到困难）所以有什么问题？

是否要收集包含date1 和date2 在内的日期？

Javascript - get array of dates between 2 dates 似乎回答了这个问题。其中哪一部分是 vue.js 特有的？

【参考方案1】：

如果我没有正确回答您的问题，那么您需要使用 for 循环 如果你想在 vue 中显示它，那么你可以使用 v-for 指令 这是代码外观的示例

<template>
  <div id="app">
    <p v-for="day in days" :key="days.indexOf(day)">day</p>
  </div>
</template>

<script>
  export default 
    name: "App",
    components: ,
    data() 
      return 
        days: []
      ;
    ,
    created() 
      var date1 = new Date("06/30/2019");
      var date2 = new Date("07/30/2019");
      var Difference_In_Time = date2.getTime() - date1.getTime();
      var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24);
      for (var i = 0; i < Difference_In_Days; i++) 
        var d = new Date();
        d.setDate(date1.getDate() + i + 1);
        this.days.push(d);
      
    
  ;
</script>

【讨论】：

请用代码解释你的答案

@sonEtLumiere，我已经添加了应用代码，希望对您有所帮助