Ничего не понимаю, <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>