JavaScript根据星期几更改div的CSS属性
我正在创建一个网站。我正在展示营业时间。客户要求突出显示一周中的当前日期。每天显示在黑色框中,但今天的日期显示在红色框中JavaScript根据星期几更改div的CSS属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在创建一个网站。我正在展示营业时间。客户要求突出显示一周中的当前日期。每天显示在黑色框中,但今天的日期显示在红色框中 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] = "Frida
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 n = weekday[d.getDay()];
if (n = 'Thursday') {
$('coloured-box').css({"color":"green"});
}
以上是我不知道它是对是错的。最简单的方法是获取当前日期,然后通过容器中的索引设置给定元素的类,如下所示:
$('.coloredbox span').eq(new Date().getDay()).addClass('today')代码>
.coloredbox span.today{color:#C00;}
星期日
星期一
星期二
星期三
星期四
星期五
星期六
最简单的方法是获取当前日期,然后根据给定元素在其容器中的索引设置该元素上的类,如下所示:
$('.coloredbox span').eq(new Date().getDay()).addClass('today')代码>
.coloredbox span.today{color:#C00;}
星期日
星期一
星期二
星期三
星期四
星期五
星期六
我想您可能有逻辑错误
if (n = 'Thursday') {
$('coloured-box').css({"color":"green"});
}
您需要使用==
if (n == 'Thursday') {
$('coloured-box').css({"color":"green"});
}
我想你可能有逻辑错误
if (n = 'Thursday') {
$('coloured-box').css({"color":"green"});
}
您需要使用==
if (n == 'Thursday') {
$('coloured-box').css({"color":"green"});
}
在HTML代码中是否列出了一周中您希望设置样式的天数,如果是,您是否可以包括相关的HTML代码?您希望通过n<'thresday'
实现什么,您的意思是d.getDay()<4
,而“$('colored-box')”也很可能是错误的,因为没有标记名为彩色框的html元素
。您想用n<'threed'
实现什么?这是两个字符串-为什么要使用@t.niese当然,OP可能并不意味着这一点,但是您可以使用任何您想要的标记名getDay()
返回一个与一周中的天数对应的数字(0-6)。它不会返回一周中某一天的字符串名称。是否有一个在HTML代码中显示的、您希望设置样式的一周中某一天的列表,如果有,您是否可以包含相关的HTML代码?您想用n<'striday'
实现什么,您的意思是d.getDay()<4
和“$('colored-box'))`也很可能是错误的,因为没有带有标记名彩色框的html元素?这是两个字符串-为什么要使用@t.niese当然,OP可能并不意味着这一点,但是您可以使用任何您想要的标记名getDay()
返回一个与一周中的天数对应的数字(0-6)。它不会返回一周中某一天的字符串名称。Rory,通过一些调整,使其与我的确切场景一起工作,它工作得非常完美!非常感谢你的帮助!Rory,通过一些调整,让它与我的确切场景一起工作,它工作得非常完美!非常感谢你的帮助!