Question

嗨，我有DEMO 我想显示当前日期和接下来6天的日期时段。我有这个HTML代码：

<div class="date_slide">
     <div id="date-slider" class="dragdealer">
         <ul class="list_date">
            <li id="date1">
                 SAT<br>2</br>APR
            </li>
            <li id="date2">
                SUN<br>3</br>APR
            </li>
            <li id="date3">
                MON<br>4</br>APR
            </li>
            <li id="date4">
               TUS<br>5</br>APR
            </li>
            <li id="date5">
                 WED<br>6</br>APR
            </li>
            <li id="date6">
                THU<br>7</br>APR
             </li>
             <li id="date7">
                 FRI<br>8</br>APR
             </li>
        </ul>
        <div class="handle red-bar">
             <span class="value"></span>
        </div>
    </div>
</div>

JS：

var current_date = new Date();
var next_date = new Date();
var i,j;

var date = current_date.getDate();

var tot_days = new Array(7);
var dd, mm;
for(j=0; j<7; j++){
dd = next_date.getDay();

mm = next_date.getMonth();
if(mm==0){
mm="JAN";
}else if(mm==1){
mm="FEB";
}else if(mm==2){
mm="MAR";
} else if(mm==3){
mm="APR";
 } else if(mm==4){
mm="MAY";
} else if(mm==5){
mm="JUN";
} else if(mm==6){
mm="JUL";
} else if(mm==7){
mm="AUG";
} else if(mm==8){
mm="SEP";
} else if(mm==9){
mm="OCT";
} else if(mm==10){
mm="NOV";
} else if(mm==11){
mm="DEC";
}  

if(dd==0){
dd="SUN";
}else if(dd==1){
dd="MON";
}else if(dd==2){
dd="TUE";
}else if(dd==3){
dd="WED";
}else if(dd==4){
dd="THU";
}else if(dd==5){
dd="FRI";
}else if(dd==6){
dd="SAT";
}

tot_days[j] = next_date.getDate() + "<br>" + dd + "<br>" + mm;
next_date.setDate(next_date.getDate() + 1);
document.write(tot_days[j]);

这个JS显示我想要的日期，日期和月份。但我很困惑如何在代码中应用此JS，以便现在硬编码的日期显示接下来6天的正确日期。请给我任何建议。它不一定是javascript，jquery也适合我。我只需要这件事就能正常工作。

Answer 1

而不是document.write(tot_days[j])：

document.getElementById("date" + (j + 1)).innerHTML = tot_days[j];

如何调用日期功能并在接下来的6天内显示在插槽中

1 个答案: