突出显示和添加文本和小时表

Highlighting and adding text to and hours table

本文关键字：小时 文本 添加 显示      更新时间：2023-09-26

所以我有一个开放时间表(从表达式引擎动态拉入)。我有一个脚本，它向<tr>添加一个类，以突出显示打开的行。然而，我不明白两件事。我试着增加这门课，但只在特定的时间，特定的日子，比如工作日的8:30 -下午5点。

这是工时表(实际工时由EE生成)

<table class="table-plain branch-hours">
    <tbody>
    <tr class="Monday">
        <td>Monday</td>
        <td>8:30am - 5pm</td>
        <td></td>
    </tr><tr class="Tuesday">
        <td>Tuesday</td>
        <td>8:30am - 5pm</td>
        <td></td>
    </tr><tr class="Wednesday">
        <td>Wednesday</td>
        <td>8:30am - 5pm</td>
        <td></td>
    </tr><tr class="Thursday">
        <td>Thursday</td>
        <td>8:30am - 5pm</td>
        <td></td>
    </tr><tr class="Friday">
        <td>Friday</td>
        <td>8:30am - 5pm</td>
        <td></td>
    </tr><tr class="Saturday">
        <td>Saturday</td>
        <td>Closed</td>
        <td></td>
    </tr><tr class="Sunday">
        <td>Sunday</td>
        <td>Closed</td>
        <td></td>
    </tr>
</tbody>

这是js脚本

<script type="text/javascript">
var date = new Date().getDay() -1;
document.getElementsByTagName('TR')[date].className += " open-now";
</script>

如果我错了请纠正我，但是您想突出显示我们当前所在的星期几

由于您使用的是纯javascript，我创建了一个数组，一周的天数，所以我可以得到我们需要的TR，我们正在按类进行搜索，所以我们得到一个数组，在这个例子中，我假设我们只有一个星期一，星期二等…

var dayofWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thurday', 'Friday', 'Saturday'];
var day = new Date().getDay();
var now = new Date();
var trs = document.getElementsByClassName(dayofWeek[day]);
var tdHour = trs[0].getElementsByTagName('TD')[1];
var hours = tdHour.innerHTML.split(' - ')
var from = hours[0].replace('am','').replace('pm','').split(':');
var to = hours[1].replace('am','').replace('pm','').split(':');
if(hours[0].indexOf('pm') > -1)
    from[0] = parseInt(from[0]) +12;
if(hours[1].indexOf('pm') > -1)
    to[0] = parseInt(to[0]) +12;
var dFrom = new Date();
dFrom.setHours(from[0]);
if(from.length > 1)
    dFrom.setMinutes(from[1]);
var dTo = new Date();
dTo.setHours(to[0]);
if(to.length > 1)
    dTo.setMinutes(to[1]);
if( now >= dFrom && now <= dTo)
    trs[0].className = 'open-now';

这里是一个工作提琴的链接

相关文章：