blocks|key|1844471|text|如果你想看看下周的数值，为什么不多加7呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1844472|​|1844473|var+mon+=+new+Date(today.getFullYear(),+today.getMonth(),+today.getDate()+-+today.getDay()%2B8);|code-block|syntax|javascript|1844474|1844475|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>If you want to see next week's values why not increment all by extra 7, ie </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var mon = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+8);</code></pre>
</div>
</div>
</p>


blocks|key|1630184|text|下面是一个示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1630185|从今天到接下来的6天。|1630186|​|1630187|var+arr+=+[];
var+today+=+new+Date();
for(var+i=0;i<7;i%2B%2B){
var+date+=+new+Date(today.getFullYear(),+today.getMonth(),+today.getDate()%2Bi);
++arr[date.getDay()]+=+date;
}

$(".mon").html("Monday+("+%2B+(arr[1].getMonth()+%2B+1)+%2B+"/"+%2B+arr[1].getDate()+%2B+")");
$(".tue").html("Tuesday+("+%2B+(arr[2].getMonth()+%2B+1)+%2B+"/"+%2B+arr[2].getDate()+%2B+")");
$(".wed").html("Wednesday+("+%2B+(arr[3].getMonth()+%2B+1)+%2B+"/"+%2B+arr[3].getDate()+%2B+")");
$(".thu").html("Thursday+("+%2B+(arr[4].getMonth()+%2B+1)+%2B+"/"+%2B+arr[4].getDate()+%2B+")");
$(".fri").html("Friday+("+%2B+(arr[5].getMonth()+%2B+1)+%2B+"/"+%2B+arr[5].getDate()+%2B+")");
$(".sat").html("Saturday+("+%2B+(arr[6].getMonth()+%2B+1)+%2B+"/"+%2B+arr[6].getDate()+%2B+")");
$(".sun").html("Sunday+("+%2B+(arr[0].getMonth()+%2B+1)+%2B+"/"+%2B+arr[0].getDate()+%2B+")");|code-block|syntax|javascript|1630188|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span+class="mon"></span><br/>
<span+class="tue"></span><br/>
<span+class="wed"></span><br/>
<span+class="thu"></span><br/>
<span+class="fri"></span><br/>
<span+class="sat"></span><br/>
<span+class="sun"></span><br/>|1630189|1630190|下面是使用函数getNextDay获取给定日期的下一周日期的另一个示例：|1630191|1630192|var+arr+=+[];
var+today+=+new+Date();
for(var+i=0;i<7;i%2B%2B){
++arr[i]+=+getNextDay(today,+i);
}

function+getNextDay(date,+day){
++var+difference+=+day+-+date.getDay();
++if(difference+<+0)
++++difference+%2B=+7;
++return+new+Date(date.getFullYear(),+date.getMonth(),+date.getDate()+%2B+difference);
}

$(".mon").html("Monday+("+%2B+(arr[1].getMonth()+%2B+1)+%2B+"/"+%2B+arr[1].getDate()+%2B+")");
$(".tue").html("Tuesday+("+%2B+(arr[2].getMonth()+%2B+1)+%2B+"/"+%2B+arr[2].getDate()+%2B+")");
$(".wed").html("Wednesday+("+%2B+(arr[3].getMonth()+%2B+1)+%2B+"/"+%2B+arr[3].getDate()+%2B+")");
$(".thu").html("Thursday+("+%2B+(arr[4].getMonth()+%2B+1)+%2B+"/"+%2B+arr[4].getDate()+%2B+")");
$(".fri").html("Friday+("+%2B+(arr[5].getMonth()+%2B+1)+%2B+"/"+%2B+arr[5].getDate()+%2B+")");
$(".sat").html("Saturday+("+%2B+(arr[6].getMonth()+%2B+1)+%2B+"/"+%2B+arr[6].getDate()+%2B+")");
$(".sun").html("Sunday+("+%2B+(arr[0].getMonth()+%2B+1)+%2B+"/"+%2B+arr[0].getDate()+%2B+")");|1630193|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span+class="mon"></span><br/>
<span+class="tue"></span><br/>
<span+class="wed"></span><br/>
<span+class="thu"></span><br/>
<span+class="fri"></span><br/>
<span+class="sat"></span><br/>
<span+class="sun"></span><br/>|1630194|1630195|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|10|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|M|3|E|5|6|7|12|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|13|8|@]|9|@]|A|$]]|$1|P|3|E|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|H|7|16|8|@]|9|@]|A|$I|J]]|$1|U|3|E|5|6|7|17|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|W|$]]

<p>Here is an example:</p>

<p>From today to next 6 days.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var arr = [];
var today = new Date();
for(var i=0;i&lt;7;i++){
var date = new Date(today.getFullYear(), today.getMonth(), today.getDate()+i);
  arr[date.getDay()] = date;
}

$(".mon").html("Monday (" + (arr[1].getMonth() + 1) + "/" + arr[1].getDate() + ")");
$(".tue").html("Tuesday (" + (arr[2].getMonth() + 1) + "/" + arr[2].getDate() + ")");
$(".wed").html("Wednesday (" + (arr[3].getMonth() + 1) + "/" + arr[3].getDate() + ")");
$(".thu").html("Thursday (" + (arr[4].getMonth() + 1) + "/" + arr[4].getDate() + ")");
$(".fri").html("Friday (" + (arr[5].getMonth() + 1) + "/" + arr[5].getDate() + ")");
$(".sat").html("Saturday (" + (arr[6].getMonth() + 1) + "/" + arr[6].getDate() + ")");
$(".sun").html("Sunday (" + (arr[0].getMonth() + 1) + "/" + arr[0].getDate() + ")");</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;span class="mon"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="tue"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="wed"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="thu"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="fri"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="sat"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="sun"&gt;&lt;/span&gt;&lt;br/&gt;</code></pre>
</div>
</div>
</p>

<p>Here is another example with function getNextDay to get the given Date's next day of the week:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var arr = [];
var today = new Date();
for(var i=0;i&lt;7;i++){
  arr[i] = getNextDay(today, i);
}

function getNextDay(date, day){
  var difference = day - date.getDay();
  if(difference &lt; 0)
    difference += 7;
  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + difference);
}

$(".mon").html("Monday (" + (arr[1].getMonth() + 1) + "/" + arr[1].getDate() + ")");
$(".tue").html("Tuesday (" + (arr[2].getMonth() + 1) + "/" + arr[2].getDate() + ")");
$(".wed").html("Wednesday (" + (arr[3].getMonth() + 1) + "/" + arr[3].getDate() + ")");
$(".thu").html("Thursday (" + (arr[4].getMonth() + 1) + "/" + arr[4].getDate() + ")");
$(".fri").html("Friday (" + (arr[5].getMonth() + 1) + "/" + arr[5].getDate() + ")");
$(".sat").html("Saturday (" + (arr[6].getMonth() + 1) + "/" + arr[6].getDate() + ")");
$(".sun").html("Sunday (" + (arr[0].getMonth() + 1) + "/" + arr[0].getDate() + ")");</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;span class="mon"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="tue"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="wed"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="thu"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="fri"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="sat"&gt;&lt;/span&gt;&lt;br/&gt;
&lt;span class="sun"&gt;&lt;/span&gt;&lt;br/&gt;</code></pre>
</div>
</div>
</p>


<p>I have made an online calendar, and I would like to add the date next to the day of the week. For example, it would say <code>Monday (6/18)</code>. My current code works fairly well but gets the day of the current week starting from Monday. This means that since today is Wednesday, it displays the date of two days ago, instead of <em>next</em> Monday, which is the intended effect.</p>

<p>Current Code:</p>

<pre><code>var today = new Date();
var mon = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+1);
var tue = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+2);
var wed = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+3);
var thu = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+4);
var fri = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+5);
var sat = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+6);
var sun = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay()+7);

$(".mon").html("Monday (" + (mon.getMonth() + 1) + "/" + mon.getDate() + ")");
$(".tue").html("Tuesday (" + (tue.getMonth() + 1) + "/" + tue.getDate() + ")");
$(".wed").html("Wednesday (" + (wed.getMonth() + 1) + "/" + wed.getDate() + ")");
$(".thu").html("Thursday (" + (thu.getMonth() + 1) + "/" + thu.getDate() + ")");
$(".fri").html("Friday (" + (fri.getMonth() + 1) + "/" + fri.getDate() + ")");
$(".sat").html("Saturday (" + (sat.getMonth() + 1) + "/" + sat.getDate() + ")");
$(".sun").html("Sunday (" + (sun.getMonth() + 1) + "/" + sun.getDate() + ")");
</code></pre>

<p>Thank you in advance!</p>


JavaScript - Get the Date of the next Day of the Week (For each day)

我已经制作了一个在线日历，我想将日期添加到星期几的旁边。例如，它会显示为Monday (6/18)。我当前的代码运行得相当好，但是从星期一开始获取当前周的第几天。这意味着因为今天是星期三，所以它显示两天前的日期，而不是预期的下周一的日期。当前代码：var today = new Date();var mon = new...

问JavaScript -获取一周中下一天的日期(每一天)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript -获取一周中下一天的日期(每一天)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript -获取一周中下一天的日期(每一天)
EN