Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вывод div определенное время год. ПОМОЩь (https://javascript.ru/forum/dom-window/65377-vyvod-div-opredelennoe-vremya-god-pomoshh.html)

sananragimli 15.10.2016 15:33
Вывод div определенное время год. ПОМОЩь
 
Нужно вывести определенный div какой то время года, а остальное время скрывать.

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

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

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

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

sananragimli 15.10.2016 18:32
Цитата:
Сообщение от Rise (Сообщение 431781)
sananragimli, времена года - это зима, весна, лето, осень. Напишите правильно что вам нужно.
Aetae понял меня) Спасибо

sananragimli 15.10.2016 18:33
От души прям) Спасибо большое !):victory:

Besprizornik 02.03.2019 08:25
как запихнуть в поле ввода год?
<input type="text" value="">
var d=new Date(); var year=d.getFullYear();

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

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

Besprizornik 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 02.03.2019 14:49
Оно вообще ни с чем работать не будет, так как скрипты в head при загрузке страницы сразу будут выполнятся, но на этот момент body еще не обработан и элементов запрашиваемых скриптами нет, DOM еще не сформирован. Либо размещайте эти скрипты на странице после элементов запрашиваемых, либо выполняйте этот код в обработчике события загрузки документа.

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

laimas 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) - это и подобное зачем?

Володимир 20.03.2019 01:06
laimas,
Здраствуйте как с вами можно связаться???

рони 20.03.2019 07:32
Цитата:
Сообщение от Володимир
как с вами можно связаться???
под никами конвертик


Часовой пояс GMT +3, время: 00:34.