Javascript 通过JS获取日期并添加类?
我想检测当前日期,然后将活动添加到类中,以突出显示当前日期Javascript 通过JS获取日期并添加类?,javascript,Javascript,我想检测当前日期,然后将活动添加到类中,以突出显示当前日期 var date = new Date(); var day = date.getDay(); if ( day == 'Montag' ){ $(".monday").addClass("active"); } if ( day == 'Dienstag' ){ $(".tuesday").addClass("active"); } if ( day ==
var date = new Date();
var day = date.getDay();
if ( day == 'Montag' ){
$(".monday").addClass("active");
}
if ( day == 'Dienstag' ){
$(".tuesday").addClass("active");
}
if ( day == 'Mittwoch' ){
$(".wednesday").addClass("active");
}
if ( day == 'Donnerstag' ){
$(".thursday").addClass("active");
}
if ( day == 'Freitag' ){
$(".friday").addClass("active");
}
if ( day == 'Samstag' ){
$(".saturday").addClass("active");
}
我知道,换一个更好。
Thx
或
或
您可以这样做以获得更具可读性的代码
var daysOfWeeks = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
var date = new Date();
$('.' + daysOfWeek[date.getDay()]).addClass("active");
请记住,返回一个包含在0和6之间的整数(0对应于星期日)。getDay()
返回一个从0到6的数字
为了使代码更好,您可以将类名存储在数组中,并通过getDay()
给定的索引访问它,然后直接在选择器中使用它:
var-days=[“周一”、“周二”、“周三”、“周四”、“周五”、“周六”、“周日”];
变量日期=新日期();
var day=date.getDay();
$(“+”天[天]).addClass(“活动”)代码>
span{
颜色:蓝色;
}
.主动{
颜色:红色;
}
蒙塔格
星期二
星期三
星期四
弗雷塔格
桑斯塔格
Sonntag
getDay()
返回一个从0到6的整数,而不是字符串。
switch (day) {
case 1:
$(".monday").addClass("active");
break;
...
}
var dayClasses = ["sunday", "monday", ...];
$("." + dayClasses[day]).addClass("active");
var daysOfWeeks = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
var date = new Date();
$('.' + daysOfWeek[date.getDay()]).addClass("active");