Форум

Блондинка · #21 (**permalink**) 24.07.2019, 23:49

laimas,
Просто когда есть список с внешне смотрится более стильно чем спан

laimas · #22 (**permalink**) 24.07.2019, 23:54

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

список с внешне смотрится более стильно чем спан

Что за ерунда

Вы о пользователе думайте, о том к чему он привык и чего ожидает, а не о рюшечках. Тот же SPAN можно стилями оформить как угодно.

Блондинка · #23 (**permalink**) 25.07.2019, 00:11

laimas,
не спорю, можно спан оформить стилями, и для каждого браузера использовать своё фоновое изображение, но проще сделать селект,

о пользователе? он привык выбирать число месяц и год, но не день недели

Блондинка · #24 (**permalink**) 25.07.2019, 00:15

laimas,
не спорю, можно спан оформить стилями, и для каждого браузера использовать своё фоновое изображение, но проще сделать селект,

о пользователе? он привык выбирать число месяц и год, но не день недели

laimas · #25 (**permalink**) 25.07.2019, 00:21

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

он привык выбирать число месяц и год, но не день недели

Пользователя давно приучили к таким элементам как флажки, кнопки, списки и т.п. Следовательно он не просто видит их, но и знает их поведение, а от списка он вправе ожидать выбор. А если не выбирать день недели, то зачем список? Дело хозяйское конечно, но это если не бред, то профанация точно.

PS. Почитайте о понятии интерфейса.

Блондинка · #26 (**permalink**) 25.07.2019, 01:05

laimas,
можно просто написать чем заменить строчку яваскрипта?

laimas · #27 (**permalink**) 25.07.2019, 01:24

var d = new Date(),
    days = "Воскресенье Понедельник Вторник Среда Четверг Пятница Суббота".split(" ");
document.querySelector('#day').textContent = days[d.getDay()];

А чем будет являться #day решайте сами.

Блондинка · #28 (**permalink**) 25.07.2019, 14:49

<!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('#date').options[d.getDate()].selected = true;
document.querySelector('#month').options[d.getMonth()].selected = true;

document.querySelector('#year').value = d.getFullYear();
});
</script>
</head>
<body>
<select class="day" id="day">
<option value=""></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> 
<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>

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

laimas · #29 (**permalink**) 25.07.2019, 15:29

Блондинка · #30 (**permalink**) 25.07.2019, 16:35

Кто объяснит почему число отображается на один больше, сегодня ведь 25го

Форум

Справочник

Discord чат

Курсы javascript