Boostrap v4.6隐藏导航药丸直到一天中的特定时间，然后再次隐藏JS

Question

我有两个navi -pill，我需要隐藏到一天中的某个时间，然后在同一天的晚些时候再次隐藏。然而，还有第三种导航药丸，它不应该受此影响，并且始终可见。

function showNavPill() {
let now = new Date();
let hours = now.getHours();
let minutes = now.getMinutes();
if (date > 15.30 && date < 17.15) {
nav-pill.show = true;
} else {
nav-pill.show = false;
}
}
showNavPill();

我对这个很陌生，所以不确定这是否有意义?

Answer 1

在您的示例中，您将未定义变量date与两个浮点值15.30和17.15进行比较。因此，让我们定义date，我们将有机会让它工作。

我只是添加了const date = hours + (minutes / 100);，将hours和minutes转换成一个浮点值，可以匹配您的条件。

function showNavPill() {
let now = new Date();
let hours = now.getHours();
let minutes = now.getMinutes();
const date = hours + (minutes / 100);
if (date > 15.30 && date < 17.15) {
nav-pill.show = true;
} else {
nav-pill.show = false;
}
}
showNavPill();

因此，nav-pill.show将是15:31:00和17:14:59(当地时间!)之间的true。

但请让自己意识到nav-pill不是javascript中变量的有效名称!