БлогNot. Как установить значение по умолчанию в элементе input type="date"?

Как установить значение по умолчанию в элементе input type="date"?

Готового средства для установки текущей даты, как ни странно, в HTML5 не обнаружено и приходится воспользоваться яваскриптом.

Найденное в инете присваивание свойству value элемента с датой значения new Date().toDateInputValue у меня не сработало ни в одном браузере, а вот показанный ниже код сработал во всех - то есть, Firefox, Chrome, Opera и IE11.

Здесь в элемент ставится текущая дата по часам компьютера.

<input type="date" name="mydate" id="mydate">
<script>
window.addEventListener('load', 
 function (e) {
  var d = new Date();
  var day = d.getDate(); if (day<10) day='0'+day;
  var month = d.getMonth() + 1; if (month<10) month='0'+month;
  var year = d.getFullYear(); 
  document.getElementById("mydate").value = year+"-"+month+"-"+day;
 }, false);
</script>

Если нужна произвольная фиксированная дата, всё ещё проще:

<input type="date" name="mydate2" id="mydate2">
<script>
window.addEventListener('load', 
 function (e) {
  document.getElementById("mydate2").value = "2019-09-17";
 }, false);
</script>

или без яваскрипта:

<input type="date" name="mydate3" id="mydate3" value="2019-09-17">

17.09.2019, 12:42 [3180 просмотров]


теги: javascript дата html

К этой статье пока нет комментариев, Ваш будет первым