Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как сделать? (https://javascript.ru/forum/misc/78060-kak-sdelat.html)

Блондинка 24.07.2019 23:49

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

laimas 24.07.2019 23:54

Цитата:

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

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

Блондинка 25.07.2019 00:11

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

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

Блондинка 25.07.2019 00:15

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

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

laimas 25.07.2019 00:21

Цитата:

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

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

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

Блондинка 25.07.2019 01:05

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

laimas 25.07.2019 01:24

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


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

Блондинка 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 25.07.2019 15:29

<select class="day" id="day">
<option id="day" value=""></option>

Блондинка 25.07.2019 16:35

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


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