Форум

sananragimli · #1 (**permalink**) 15.10.2016, 15:33

Нужно вывести определенный div какой то время года, а остальное время скрывать.

Например: 9 Мая 24 часа должен вывести div с ленточкой победы(div) а остальные времена года скрывать

Как сделать с помощью js ?

Aetae · #2 (**permalink**) 15.10.2016, 17:58

(function(date){
if(date.getDate() == 9 && date.getMonth() + 1 == 5 )
  document.write('<div>9 Мая</div>');
}(new Date()))

sananragimli · #3 (**permalink**) 15.10.2016, 18:32

Сообщение от Rise

sananragimli, времена года - это зима, весна, лето, осень. Напишите правильно что вам нужно.

Aetae понял меня) Спасибо

sananragimli · #4 (**permalink**) 15.10.2016, 18:33

От души прям) Спасибо большое !)

Besprizornik · #5 (**permalink**) 02.03.2019, 08:25

как запихнуть в поле ввода год?
<input type="text" value="">

var d=new Date(); var year=d.getFullYear();

laimas · #6 (**permalink**) 02.03.2019, 08:37

Селектор добавьте какой либо, по которому можно обратиться к полю, и вставляйте, например:

<input id='year' type="text" value="">
<script>
document.getElementById('year').value = (new Date()).getFullYear();
</script>

Besprizornik · #7 (**permalink**) 02.03.2019, 11:01

Ничего не понимаю, <input type="text"> работает на ура, а <input type="number"> ни хрена не работает, что не так?

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html><head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
<title>Сегодняшние день недели и дата через элементы формы на JS.</title>
<script> document.addEventListener('DOMContentLoaded', function() { var d = new Date(), sel = document.querySelector('.day'); sel.value = ('0'+ d.getDay()).substr(-1); }); </script>
<script> document.addEventListener('DOMContentLoaded', function() { var d = new Date(), sel = document.querySelector('.date'); sel.value = ('0'+ d.getDate()).substr(-2); }); </script>
<script> document.addEventListener('DOMContentLoaded', function() { var d = new Date(), sel = document.querySelector('.month'); sel.value = ('0'+ (d.getMonth()+1)).substr(-2); }); </script>
<script> document.getElementById('year_gr').value = (new Date()).getFullYear(); </script>
</head><body>
<h1>Сегодняшние день недели и дата через элементы формы на JS.</h1>
<div class="seg">
Сегодня:<br/>
<select class="day" id="day"><option  value="0"></option><option value="1">Понедельник</option><option value="2">Вторник</option><option value="3">Среда</option><option value="4">Четверг</option><option value="5">Пятница</option><option value="6">Суббота</option><option value="7">Воскресенье</option></select><br/>
<select class="date" id="date"><option  value="0"></option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> 
<select class="month" id="month"><option  value="0"></option><option value="01">января</option><option value="02">февраля</option><option value="03">марта</option><option value="04">апреля</option><option value="05">мая</option><option value="06">июня</option><option value="07">июля</option><option value="08">августа</option><option value="09">сентября</option><option value="10">октября</option><option value="11">ноября</option><option value="12">декабря</option></select> 
<input class="year" id="year" type="number" size="4" name="year" min="0" max="2400" step="1" value="">
</div>
</body></html>

laimas · #8 (**permalink**) 02.03.2019, 14:49

Оно вообще ни с чем работать не будет, так как скрипты в head при загрузке страницы сразу будут выполнятся, но на этот момент body еще не обработан и элементов запрашиваемых скриптами нет, DOM еще не сформирован. Либо размещайте эти скрипты на странице после элементов запрашиваемых, либо выполняйте этот код в обработчике события загрузки документа.

Besprizornik · #9 (**permalink**) 03.03.2019, 02:04

laimas,
я хотел эти скрипты обьединить и вынести в отдельный файл

laimas · #10 (**permalink**) 03.03.2019, 05:44

Ваш код так написан, что черт ногу сломит, есть же в нем и обработчик нужный, вот только все написано так, что...

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html><head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
<title>Сегодняшние день недели и дата через элементы формы на JS.</title>
<script> 
document.addEventListener('DOMContentLoaded', function() { 
    var d = new Date(); 
    document.querySelector('#day').options[d.getDay()||7].selected = true;
    document.querySelector('#date').options[d.getDate()].selected = true;
    document.querySelector('#month').options[d.getMonth()+1].selected = true;
    document.querySelector('#year').value = d.getFullYear();

    document.querySelector('#calendar').valueAsDate = d; 
}); 
</script>
</head><body>
<h4>Сегодняшние день недели и дата через элементы формы на JS.</h4>
<div class="seg">
Сегодня:<br/>
<select class="day" id="day">
    <option value="">Выберите ...</option>
    <option value="1">Понедельник</option>
    <option value="2">Вторник</option>
    <option value="3">Среда</option>
    <option value="4">Четверг</option>
    <option value="5">Пятница</option>
    <option value="6">Суббота</option>
    <option value="0">Воскресенье</option>
</select>
<br/>
<select class="date" id="date">
    <option value="">Выберите ...</option>
    <option value="1">01</option>
    <option value="2">02</option>
    <option value="3">03</option>
    <option value="4">04</option>
    <option value="5">05</option>
    <option value="6">06</option>
    <option value="7">07</option>
    <option value="8">08</option>
    <option value="9">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
</select> 
<select class="month" id="month">
    <option value="">Выберите ...</option>
    <option value="1">января</option>
    <option value="2">февраля</option>
    <option value="3">марта</option>
    <option value="4">апреля</option>
    <option value="5">мая</option>
    <option value="6">июня</option>
    <option value="7">июля</option>
    <option value="8">августа</option>
    <option value="9">сентября</option>
    <option value="10">октября</option>
    <option value="11">ноября</option>
    <option value="12">декабря</option>
</select> 

<input class="year" id="year" type="number" size="4" name="year" min="0" max="2400" step="1" value="">

<h5>Может проще и удобнее будет?</h5>
<input id="calendar" type="date" />
</div>
</body></html>

.substr(-2) - это и подобное зачем?

Форум

Справочник

Discord чат

Курсы javascript