Javascript-форум - как сделать?

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - как сделать? (https://javascript.ru/forum/misc/78060-kak-sdelat.html)

Потому, что .options[d.getDate()].selected, это установка опции по ее индексу, а индексы начинаются с 0. Замените на document.querySelector('#date').value = d.getDate();, или если по индексу, то .options[d.getDate()-1].selected

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

Цитата:

Сообщение от Блондинка

у каждой опции установить value на единицу меньше числа, так можно?

Зачем? Если выбирать по индексу, то смена значений опций ничего не даст. А если устанавливать значение списка, то ничего менять не надо, дни начинаются с 1, и ваши опции имеют значения начиная с 1.

laimas,
а тут что не так?

<!DOCTYPE HTML>
<html lang="ru">
<head>
  <meta charset="utf-8">
<title></title>
<style>
select { height: 26px; }
input { height: 22px; padding-left: 5px; }
</style>
<script> 
var d = new Date(); 
document.addEventListener('DOMContentLoaded', function() { 
days = "Воскресенье Понедельник Вторник Среда Четверг Пятница Суббота".split(" ");
document.querySelector('#day').textContent = days[d.getDay()];
document.querySelector('#day_01').options[new Date().getDay()||7].selected = true;
document.querySelector('#day_02').value = new Date().getDay()
document.querySelector('#date').options[d.getDate()-1].selected = true;
document.querySelector('#date_01').value = d.getDate();
document.querySelector('#month').options[d.getMonth()].selected = true;
document.querySelector('#year').value = d.getFullYear();
});
</script>
</head>
<body>
<select class="day">
<option  id="day"></option>
</select><br/>
<select id="day_01">
<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 id="day_02">
<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="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><br/>
<select class="date" id="date_01">

<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="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>
<option value="8">сентября</option>
<option value="9">октября</option>
<option value="10">ноября</option>
<option value="11">декабря</option>
</select> 
<input class="year" id="year" type="number" size="4" name="year" min="0" max="2400" step="1" value=""> <i>года</i>.<br/>
</body></html>

Встречный вопрос - а почему в третьем случае список отмечает верно?

Вы выдрали этот код где-то, и не учли, что он для списка у которого есть первый не относящийся к дню недели опшен.

Опции списка имеют индексы начиная с 0. new Date().getDay()||7 для пятницы вернет 5, а под пятым индексом в вашем списке опция субботы. Кстати, у вас объявлен объект Date ранее, так что далее его получать в коде не стоит.

убрала new Data вообще всё не работает

15 строка document.querySelector('#day_01').options[getDay()||7].selected = true; 
16 строка document.querySelector('#day_02').value = getDay();

Русский,
а там что нибудь работает? могу скинуть скриншот запускаемого примера, может из-за латиницлатиницы и не работает а ?

Цитата:

Сообщение от Блондинка

убрала new Data вообще всё не работает

:) Вместо new Date() нужно d.getDay(), так как ранее у вас под этой переменной и открыт этот объект. Только оказывается у вас там написано так, как делать не стоит. А "оказывается" потому, что код не форматирован и его читать неудобно. В чем вы пишите код, если редакторы при открытии тела функции/условия автоматически создают парные конструкции {}, а при переходе на новую строку (входе в эту конструкцию) добавляют табуляцию? Должно быть так:

document.addEventListener('DOMContentLoaded', function() {
    var d = new Date(),
        days = "Воскресенье Понедельник Вторник Среда Четверг Пятница Суббота".split(" ");
    
    document.querySelector('#day').textContent = days[d.getDay()];
    document.querySelector('#day_01').options[d.getDay()||7].selected = true;
    document.querySelector('#day_02').value = d.getDay()
    document.querySelector('#date').options[d.getDate()-1].selected = true;
    document.querySelector('#date_01').value = d.getDate();
    document.querySelector('#month').options[d.getMonth()].selected = true;
    document.querySelector('#year').value = d.getFullYear();
});

Здесь объявлены две переменные d и days, через запятую, хотя можно написать и так:

var d = new Date();
var days = "Воскресенье Понедельник Вторник Среда Четверг Пятница Суббота".split(" ");

Но вот так, как у вас:

days = "Воскресенье Понедельник Вторник Среда Четверг Пятница Суббота".split(" ");

делать не стоит. В остальном надеюсь теперь понятно почему:

document.querySelector('#day_01').options[d.getDay()||7].selected = true;

с ошибкой, а:

document.querySelector('#day_02').value = d.getDay()

нормально.

document.querySelector('#day_01').options[d.getDay()-1||7].selected = true;

вот так показывает пятницу

Rize,
есть пару задумок, улучшить скрипты связанных с объектом дата, но возможно останутся только задумками