如何在 Angular 8 或 javascript 中明智地获取当前日期每周日

Posted 2023-03-13

【中文标题】如何在 Angular 8 或 javascript 中明智地获取当前日期每周日

【英文标题】：How to get the current date weekly day wise in angular 8 or javascript

【发布时间】：2020-09-25 12:02:12

【问题描述】：

我正在为一个预测项目工作。我需要在 Angular 8 或 javascript 中每周获取当前日期，只需要与当前日期的前一天和下一天相关的 5 天。假设今天是星期六，那么它将显示上个星期四、星期五的日期、今天的星期六日期、即将到来的星期天和星期一的日期。下面是代码

home.component.html

<div style="float:left">
    <p>Thu</p>
    <p>4</p>
</div>
<div style="float:left;margin-left:10px;">
    <p>Fri</p>
    <p>5</p>
</div>
<div style="float:left;margin-left:10px;">
    <p>Sat</p>
    <p>6<p>
</div>
<div style="float:left;margin-left:10px;">
    <p>Sun</p>
    <p>7</p>
</div>
<div style="float:left;margin-left:10px;">
    <p>Monday</p>
    <p>8</p>
</div>

home.component.ts

import  Component, OnInit  from '@angular/core';
@Component(
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
)
export class HomeComponent implements OnInit 
  getListData: any;
  constructor()  

  ngOnInit() 

  

【问题讨论】：

您的问题含糊不清，需要澄清一下。考虑提供一些预期的输出并详细说明。

我已经更新了描述请检查一下

【参考方案1】：

调用这个方法，它会返回你需要的数组：-

function getDates(currentDate) 
 var result = [];
  for(var i = -2;i<3;i++) 
    var date = new Date(currentDate);
    result.push(new Date(date.setDate(date.getDate()+i)));
  
  return result;

【参考方案2】：

您只需创建前 2 天并继续增加日期并为其创建列表并将列表传递给您的 homeComponent

let daysList = [];
  const d = new Date();

  // set the date to two days ealrier, then keep on increaing it
  d.setDate(d.getDate() - ((d.getDay() + 3) % 7));
  daysList.push(new Date(d.getFullYear(), d.getMonth(), d.getDate())); 
  daysList.push(new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1));
  daysList.push(new Date(d.getFullYear(), d.getMonth(), d.getDate()+2));
  daysList.push(new Date(d.getFullYear(), d.getMonth(), d.getDate()+3));
  daysList.push(new Date(d.getFullYear(), d.getMonth(), d.getDate() + 4));

【讨论】：

这里的要求完全不同。也无需单击任何可以在页面加载时完成的按钮....我需要在 Angular 8 或 JavaScript 中每周获取当前日期，只需要与当前日期的前一天和下一天相关的 5 天。假设今天是星期六，那么它将显示上个星期四、星期五的日期、今天的星期六日期、即将到来的星期天和星期一的日期。您可以查看我的 html 以获取示例输出

和wheather foecast应用一样

感谢您的回答，这里我需要将日期和日期放在一个单独的变量中，并且我需要像我的 html 一样放置，但在这里它显示在一起。