Использование style.display по дате - PullRequest
Новая
       2

Использование style.display по дате

0 голосов
/ 08 ноября 2018

Совершенно новый, поэтому извиняюсь за любые нарушения протокола. Кто-нибудь может увидеть, что я сделал не так?

У меня есть div, называемые "1st", 2nd "3rd" и т. Д., И я пытаюсь создать формат календаря появления, в котором содержимое div каждого дня будет видно только по прибытии даты.

Ниже контрольного примера с датами 6-8, но div всегда остаются видимыми.

Совершенно новый для JS, поэтому любая помощь приветствуется! 

    <script type = "text/javascript">

    function myFunction() {

    var num = new Date().getDate(); //today's date as number

    if ((num <= 6)) {
        document.getElementById('6th').style.display = "none";
    }
    if ((num <= 7)) {
        document.getElementById('7th').style.display = "none";
    }
    if ((num <= 8)) {
        document.getElementById('8th').style.display = "none";
    }

    }

</script>

<div id="6th">
    6th
        </div>

<div id="7th">
    7th
        </div>

<div id="8th">
    8th
        </div>

Ответы [ 2 ]

0 голосов
/ 08 ноября 2018 

<!DOCTYPE html>
<html>
<body>
<script type = "text/javascript">

    function myFunction() {

    var num = new Date().getDate(); //today's date as number

    if ((num <= 6)) {
        document.getElementById('6th').style.display = "none";
    }
    if ((num <= 7)) {
        document.getElementById('7th').style.display = "none";
    }
    if ((num <= 8)) {
        document.getElementById('8th').style.display = "none";
    }

    }

</script>

<div id="6th">
    6th
        </div>

<div id="7th">
    7th
        </div>

<div id="8th">
    8th
        </div>

<div id="9th">
    9th
        </div>
<script>myFunction()</script>
</body>
</html>
0 голосов
/ 08 ноября 2018

Код, который вы используете, чтобы установить отображение ни один, должен работать нормально. Во-первых, убедитесь, что написанная вами функция myFunction действительно вызывается. Просто добавьте myFunction () перед закрытием тега скрипта. Во-вторых, я думаю, что вы, вероятно, хотите <вместо <=. Также вы можете добавить операторы console.log внутри каждого из ваших операторов if, чтобы вы могли увидеть, достигает ли ваш код этой точки. </p>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...