笔记指定n天间距日期的计算

水深无声 2022-06-05 03:14 360阅读 0赞

原理很简单，一天的时间的毫秒数是1000*60*60*24，前n天的日期就是现在日期换成毫秒-n*1000*60*60*24。再把这个值换成日期即可（通过setTime方法）

var newDate = new Date(); var end_date = ""+ newDate.getFullYear()+"-"+(newDate.getMonth()+1)+"-"+(newDate.getDate()+1)+"" $(".end_date").val(end_date); var time = newDate.getTime(); var startdate = new Date(time - 60*1000*60*60*24); var start_date = startdate.getFullYear()+"-"+ (startdate.getMonth()+1)+"-"+ startdate.getDate(); $(".start_date").val(start_date);

[?][Link 1]

<table style="border-collapse:collapse; border-spacing:0px; border:1px solid rgb(204,204,204); margin-top:0.54em; text-align:center; width:854px; clear:both; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin-right:0px!important; margin-bottom:0px!important; margin-left:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important"> 
 <tbody style="background:none!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; text-align:left!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:auto!important"> 
  <tr style="background:none!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:auto!important"> 
   <td style="padding:0.2em 0.46em; border:1px solid rgb(204,204,204); margin:0px!important; background:none!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,&quot;Bitstream Vera Sans Mono&quot;,&quot;Courier New&quot;,Courier,monospace!important; font-size:1em!important; min-height:auto!important; color:rgb(175,175,175)!important"> 
    <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 
     <br> 
    </div> 
    <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 
     <br> 
    </div> </td> 
   <td style="padding:0.2em 0.46em; border:1px solid rgb(204,204,204); width:814px; margin:0px!important; background:none!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,&quot;Bitstream Vera Sans Mono&quot;,&quot;Courier New&quot;,Courier,monospace!important; font-size:1em!important; min-height:auto!important"> 
    <div style="line-height:15.4px; margin:0px!important; padding:0px!important; background:none!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:relative!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
     <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 
      <span style="font-family:Times New Roman; font-size:14px"><br> </span> 
     </div> 
     <pre><code><span style="font-family:Times New Roman;font-size:14px;">&lt;body&gt; &lt;select id="num"name="num"style="width:150px"οnchange="ff()"&gt; &lt;option value="-1"&gt;昨天&lt;/option&gt; &lt;option value="0"&gt;今天&lt;/option&gt; &lt;option value="1"&gt;明天&lt;/option&gt; &lt;/select&gt;&lt;br&gt; &lt;textarea id="ar"rows="3"cols="20"&gt; haha &lt;/textarea&gt; &lt;br/&gt; &lt;input type="text"value=""name="bday"id="bday"/&gt;天之前 &lt;input type="button"οnclick="bday()"value="计算"&gt;&lt;br/&gt; &lt;input type="text"value=""name="aday"id="aday"/&gt;天之后 &lt;input type="button"οnclick="aday()"value="计算"&gt;&lt;br/&gt; &lt;/body&gt; &lt;script&gt; ff(); functionff(){ varobj=document.getElementById("num"); varv1=obj.options[obj.selectedIndex].text; varv2=obj.options[obj.selectedIndex].value; vartvv=giveDateStr(getTargetday(v2)); document.getElementById('ar').innerText=tvv; } functionisInteger(obj) { varr = /^\+?[1-9][0-9]*$/;　　//正整数 returnr.test(obj); } functionbday(){ varbef=document.getElementById("bday").value; if(isInteger(bef)){ varbvv=giveDateStr(getTargetday(-bef)); document.getElementById('ar').innerText=bvv; }else{ alert("请输入正整数！"); document.getElementById("bday").value=''; document.getElementById("bday").focus(); } } functionaday(){ varatf=document.getElementById("aday").value; if(isInteger(atf)){ varavv=giveDateStr(getTargetday(atf)); document.getElementById('ar').innerText=avv; }else{ alert("请输入正整数！"); document.getElementById("aday").value=''; document.getElementById("aday").focus(); } } functiongetTargetday(num){ varnumber=null; if(num==null||num==0){ number=0; }else{ number=num; } var today=new Date(); var targetday_milliseconds=today.getTime()+1000*60*60*24*number; var targetday=new Date(); targetday.setTime(targetday_milliseconds);//注意，这行是关键代码 returntargetday; } functiongiveDateStr(dd){ varriqiyue=dd.getMonth()+1; varriqihao=dd.getDate(); varriqixingqi=null; if(dd.getDay()=='0'){ xingqi="星期日"; }elseif(dd.getDay()=='1'){ xingqi='星期一'; }elseif(dd.getDay()=='2'){ xingqi='星期二'; }elseif(dd.getDay()=='3'){ xingqi='星期三'; }elseif(dd.getDay()=='4'){ xingqi='星期四'; }elseif(dd.getDay()=='5'){ xingqi='星期五'; }elseif(dd.getDay()=='6'){ xingqi='星期六'; } varriqi=riqiyue+"月"+riqihao+"日"+"("+xingqi+")"; returnriqi; } &lt;/script&gt; &lt;/html&gt;</span></code></pre> 
     <span style="font-family:Times New Roman; font-size:14px"><br> </span> 
     <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 
      <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important"><span style="font-size:14px"><span style="font-family:&quot;Times New Roman&quot;; background-color:rgb(255,255,255)"></span></span></code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

[Link 1]: http://www.jb51.net/article/124795.htm#