开放时间的列表中突出显示

-1

日

我已经得到的开放时间的列表：开放时间的列表中突出显示

周一09:00 - 17:00 星期二09:00 - 17:00 等

我想了解是否有人可以告诉我在哪里可以找到关于如何突出显示当天开放时间的教程。 IE星期二09:00 - 17:00 Tue线将以绿色显示，其余为正常字体颜色。

任何帮助表示赞赏，我倾向于找到关于日历的文章，这不是我想要的。

干杯

来源

2014-09-29 user3666207

我相信你很熟悉时区以及随之而来的相关问题吗？ – BenM 2014-09-29 10:17:42

谷歌它...... – 2014-09-29 10:17:50

@BenM真，忘了时区。 – user3666207 2014-09-29 10:20:02

事情是这样的：

HTML：

<ul> 
    <li id="mon">Mon 09:00 - 17:00</li> 
    <li id="tue">Tue 09:00 - 17:00</li> 
    <li id="wed">Wed 09:00 - 17:00</li> 
    <li id="thu">Thu 09:00 - 17:00</li> 
    <li id="fri">Fri 09:00 - 17:00</li> 
    <li id="sat">Sat 09:00 - 12:00</li> 
    <li id="sun">Sun 09:00 - 12:00</li> 
</ul>

JS：

var n = new Date(); 
var d = n.getDay(); 

if(d==0) document.getElementById('sun').style.color='#0b0'; 
if(d==1) document.getElementById('mon').style.color='#0b0'; 
if(d==2) document.getElementById('tue').style.color='#0b0'; 
if(d==3) document.getElementById('wed').style.color='#0b0'; 
if(d==4) document.getElementById('thu').style.color='#0b0'; 
if(d==5) document.getElementById('fri').style.color='#0b0'; 
if(d==6) document.getElementById('sat').style.color='#0b0';

http://jsfiddle.net/4wwmL09a/

编辑：所以马可波罗是第一个...

来源

2014-09-29 10:32:17

这很好，谢谢你的帮助 – user3666207 2014-09-29 13:53:33

你应该有一个HTML的结构如下所示：

<ul id="opening-times"> 
    <li>Sun 09:00 - 17:00</li> 
    <li>Mon 09:00 - 15:00</li> 
    <li>Tue 08:00 - 19:00</li> 
    <li>Wed 09:00 - 20:00</li> 
    <li>Thu 09:00 - 20:00</li> 
    <li>Fri 09:00 - 20:00</li> 
    <li>Sat 15:00 - 20:00</li> 
</ul>

然后用JavaScript，你可以做这样的事情，突出当前日期：

var days = document.getElementById("opening-times"), 
    today = new Date().getDay(); // 0 to 6 where 0 is Sunday 

days.children[today].style.color = "green";

如果您想要先放置星期一，然后将星期天移到列表底部并使用以下代码：

var days = document.getElementById("opening-times"), 
    today = new Date().getDay()-1; 

if (today===-1) today = 6; // sunday 
days.children[today].style.color = "green";

来源

2014-09-29 10:30:33

开放时间的列表中突出显示

回答

相关问题