顯示星期幾javascript

-2

我想在列表中顯示星期幾。在當天，我想顯示Today這個詞。我怎樣才能做到這一點與JavaScript？顯示星期幾javascript

<ul class="week-days"> 
    <li><a href="#"><span id="firstD">Today</span></a></li> 
    <li><a href="#"><span id="secondD">Tue</span></a></li> 
    <li><a href="#"><span id="thirdD">Wed</span></a></li> 
    <li><a href="#"><span id="forthD">Thu</span></a></li> 
    <li><a href="#"><span id="fifthD">Fri</span></a></li> 
    <li><a href="#"><span id="sixthD">Sat</span></a></li> 
    <li><a href="#"><span id="seventhD">Sun</span></a></li> 
</ul>

來源

2014-03-24 user3456282

我不明白你想解決的問題。您發佈了關於JavaScript的問題，但您發佈的唯一代碼是標記。你能澄清你的問題嗎？ –

請參閱http://jsfiddle.net/arunpjohny/C6LKS/1/ –

謝謝@Arun。你的答案是最好的，效果很好。 – user3456282

這裏有一種方法：

// Find the unordered list element 
var list = $('ul.week-days'); 

// Check what day it is today (0..6) 
var today = (new Date()).getDay(); 

// Our day strings; in JS, "Sunday" is the beginning of the week 
var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; 

// Add a list item to the list, substituting "Today" if necessary 
$.each(days, function(i, v) { 
    list.append($('<li>' + (i == today ? 'Today' : v) + '</li>')); 
});

當然它缺少<a><span>...</span></a>結構，但我會離開，作爲一個練習。

Working jsFiddle Demo

來源

2014-03-24 16:54:46

您可以通過在頁面的底部添加此（正上方的身體結束標記）

<script type="text/javascript"> 
    var i = 1; 
    $('.week-days li').each(function(){ 
     if ((new Date()).getDay() == i) { 
     $(this).val('Today').html('Today'); 
     } 
     i++; 
    }); 
</script>

來源

2014-03-24 16:55:01 Smokie

你可以做這樣的事情（做到這一點只有當你到3個字母縮寫）

var date = new Date().toString(); // Get the Date and return it as a string 
var day = date.split(' ')[0]; // Split the date and store the first index (day) 
$('.week-days li').each(function(){ // loop over the li 
    if($(this).html() === day){ // if this html is the same as day variable 
     $(this).html('Today'); // change the html to 'Today' 
    } 
});

來源

2014-03-24 17:02:26

顯示星期幾javascript

回答

相關問題