如何添加自动javascript日期?

时间:2017-04-03 19:40:09

标签: javascript date

我有一个标签列表,我想手动将本周的足球比赛作为内容,但我想在标签内容的标题中添加一个自动javascript日期,并希望它自动更改。

例如:

今天是星期一,我希望星期一标签的内容看起来像这样(其他标签也一样,我希望每周自动更改日期):

2017年3月3日星期一   真正的马德里vs罗马

表示星期二标签 2017年4月4日星期二 尤文图斯vs米兰          。          。          。 这是我想要的演示:

https://www.w3schools.com/code/tryit.asp?filename=FEA4XFMAQTS1

有人可以帮我用javascript做这件事吗?

注意:我希望日期与日期名称接近,就像演示一样。

1 个答案:

答案 0 :(得分:0)

好的,这是一个名为getTabString()的函数,它接受一个字符串输入(Ex:Tuesday)并返回该字符串,然后根据需要返回当前周的日期。您只需将游戏字符串附加到其中,然后将其用作标签的标题即可。我的代码基于:thisthis

function getTabString(dayString) {
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
    // Get today's date
    var today = new Date();
    // Find index of requested day
    var dayIndex = days.findIndex(function (element, index, array){

        if (element.toLowerCase() == dayString.toLowerCase()) {
            return true;
        } else {
            return false;
        }
    });

    // Find difference between today and requested day
    var diff = dayIndex - today.getDay();

    // Set date to requested day in this week
    var resultDate = new Date(today.setDate(today.getDate() + diff));

    // Get that date's day, month and year
    var resultDay = resultDate.getDate();
    var resultMonth = resultDate.getMonth() + 1;
    var resultYear = resultDate.getFullYear();

    // Nice 0 formatting for single digits 
    if (resultMonth < 10) {
        resultMonth = '0'+ resultMonth;
    }

    if (resultDay < 10) {
        resultDay = '0'+ resultDay;
    }

    // Returns "Wednesday 04/05/2017" 
    return days[diff + 1] + " " + resultMonth + "/" + resultDay + "/" + resultYear;
}

getTabString("Wednesday");