2017-04-03 114 views
-2

我有一個選項卡列表,我希望手動將星期的足球比賽作爲內容,但我想爲標籤內容的標題添加自動JavaScript日期,並且希望它自動更改。如何添加自動javascript日期?

例如:

今天是星期一,我想週一選項卡的內容,看起來像這樣(和其他標籤一樣,我想的日期自動改變每週):

星期一2017年3月4日 皇家馬德里vs羅馬

週二標籤 日2017年4月4日 尤文圖斯VS AC米蘭 。 。 。 這裏是一個演示的正是我想要:

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

誰能幫我做到這一點與JavaScript,請?

注意:我希望日期與演示的名稱完全一樣。

+2

你爲什麼不只是複製提供的鏈接上的代碼你提到? –

+0

我已經在我的網站中使用此代碼,但我希望標籤內容的日期每週更改automaticaly。 –

+1

你有什麼試過/你的代碼在哪裏? – indubitablee

回答

0

好的,這裏有一個名爲getTabString()的函數,它接受一個字符串輸入(例如:星期二),然後根據需要返回該字符串,並在當前星期返回該日期。您可以簡單地將您的遊戲字符串附加到它並將其用作標籤的標題。我的代碼是基於: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");