JavaScript —在特定日期显示内容

Question

我有这个switch语句，它根据星期几在主页上显示内容。 在案例6（星期六）中，我只需要证明每隔一个星期六有一个散打课。 我觉得我需要在switch语句的情况6中使用if语句，但是我不知道如何编写它（绝对初学者）。

谁能帮我？ 我的代码如下。 谢谢！

仅情况6（下面的完整代码）----------------------------------------- --------------->我不想让用户筛选可用日期，而是只显示那些日期的类：案例6：//星期六x =“ 10：30-12：00pm |女子拳击”; +“
“ +” 1：00-3：00pm | 陪练班“ +”
“ +”
“ +” 2014年夏季| 仅6个会话 “ +”
“ +” 陪练和 “ +”
“ +“以下日期的12：30-2：00pm：6月7日至21日，7月12日至26日，8月9日至23日”
“ +”前往这里之前请检查您的日历！

完整代码------------------------------------------------ ------------------------------->

//Display today's date above today's classes
var todaysDate = (function(){
var d=new Date();

    var weekday=new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";

    var month=new Array(11);
    month[0]="January";
    month[1]="February";
    month[2]="March";
    month[3]="April";
    month[4]="May";
    month[5]="June";
    month[6]="July";
    month[7]="August";
    month[8]="September";
    month[9]="October";
    month[10]="November";
    month[11]="December";

    var currentTime = new Date()
    var dayOfWeek = weekday[d.getDay()];
    var month = month[d.getMonth()];
    var day = currentTime.getDate()
    var year = currentTime.getFullYear()

    document.write(dayOfWeek + ", " + month + " " + day + ", " + year);
});

//Switch statement to display 'today's classes' based on the day of the week
function todaysClasses(){
var x;
var d=new Date().getDay();
    switch (d)  {

      case 0:
        x="<strong>" + "The gym is closed on Sundays." + "</strong>";
        break;

      case 1://Monday
        x="4:30-5:15pm | Total Body"
         + "<br />" +
         "5:30-6:00pm | Core"
         + "<br />" +
         "6:00-6:30pm | Heavy Bag Class"
         + "<br />" +
         "6:00-7:00pm | Free Trial Class"
         + "<br />" +
         "6:30-7:00pm | Strength"
         + "<br />" +
         "7:00-8:30pm | Coed Boxing";
        break;

      case 2://Tuesday
        x="4:00-4:45pm | Total Body"
         + "<br />" +
         "5:00-5:30pm | Core"
         + "<br />" +
         "5:30-6:00pm | Strength"
         + "<br />" +
         "6:00-6:30pm | Heavy Bag Class"
         + "<br />" +
         "6:30-7:00pm | Cardio"
         + "<br />" +
         "7:00-8:30pm | Coed Boxing";
        break;

      case 3://Wednesday
        x="4:30-5:15pm | Total Body"
         + "<br />" +
         "5:30-6:00pm | Core"
         + "<br />" +
         "6:00-6:30pm | Strength"
         + "<br />" +
         "6:30-7:00pm | Heavy Bag Class"
         + "<br />" +
         "6:30-8:00pm | Women's Boxing";
        break;

      case 4://Thursday
        x="4:30-5:00pm | Strength"
         + "<br />" +
         "5:00-5:30pm | Cardio"
         + "<br />" +
         "5:30-6:00pm | Heavy Bag Class"
         + "<br />" +
         "6:30-8:00pm | Coed Boxing";
        break;

      case 5://Friday
        x="There are no classes on Fridays.";
        break;

      case 6://Saturday
        x="10:30-12:00pm | Women's Boxing";
         + "<br />" +
         "1:00-3:00pm | Sparring Class"
         + "<br />" + "<br />" +
         "<b>Summer 2014 | 6 Sessions Only</b>"
         + "<br />" +
         "<b>Sparring and Conditioning</b>"
         + "<br />" +
         "12:30-2:00pm on the following dates: June 7 &amp; 21, July 12 &amp; 26, August 9 &amp; 23"
         + "<br />" +
         "Check your calendar before heading here!";
        break;
      }
document.getElementById("byday").innerHTML=x;
}

Answer 1

不太清楚...但是我尝试过。

您应该看一下操纵您的dom的jquery，并可能有一个后端来询问数据...但是目前，我建议您学习编写简单的函数，而不是200行的函数。

var datas =  [];

//This should be asked to something like a backend no?
function getDatas(){
//Sorry, I' lazy, complete yourself
    var datas =  
     [ {info : "<strong>Gym is closed on Sundays</strong>"}]

     ,[ {from:"4:30", to : "5:15", info:"TotalBody" },
       {from:"5:30", to : "6:15", info:"Core" }
     ];
    return datas;
};



function displayFor(date){
    var allDatas = getDatas();
    var dayDatas = allDatas[date.getDay()];

    //Just construct an html, it's not beautifull at all but simplier that yours.
    var displayText = "";
    for(var i=0;i<dayDatas.length;i++){
        var event = dayDatas[i];
        if(event.from && event.to ){
            displayText += (event.from + "-" + event.to );
        }
        displayText += event.info;
        displayText +="<br/>";
    };

    document.getElementById("byday").innerHTML= displayText;
}

对于“如何在JS中显示格式化的日期”，只需在Google上搜索：p