Как установить значение по умолчанию для ввода [тип = дата]

Дата должна иметь формат YYYY-MM-DD. Одноразрядные дни и месяцы должны быть дополнены 0. Январь равен 01.

Из документации:

Строка, представляющая дату.

Значение: допустимая полная дата, как определено в [RFC 3339], с дополнительным уточнением, что Компонент года состоит из четырех или более цифр, представляющих число больше 0.

Ваш код должен быть изменен на:

<input type="date" value="2013-01-08">

Пример jsfiddle

<input type="date" id="myDate" />

Затем в js :

_today: function () {
  var myDate = document.querySelector(myDate);
  var today = new Date();
  myDate.value = today.toISOString().substr(0, 10);
},

Возможное решение:

document.getElementById("yourDatePicker").valueAsDate = new Date();

Использование Moment.js:

var today = moment().format('YYYY-MM-DD');
document.getElementById("datePicker").value = today;

если вы используете PHP, вы можете установить такое значение

<input type="date" value="<?php echo date("Y-m-d");?>">

но помните, что он вернет дату сервера. например если ваш сервер в США и ваш клиент в Индонезии, это может отличаться на 1 день.

Но если вы хотите использовать клиент, вместо этого используйте решение javascript. Надеюсь, поможет.

Вы можете использовать этот js-код:

<input type="date" id="dateDefault" />

JS

function setInputDate(_id){
    var _dat = document.querySelector(_id);
    var hoy = new Date(),
        d = hoy.getDate(),
        m = hoy.getMonth()+1, 
        y = hoy.getFullYear(),
        data;

    if(d < 10){
        d = "0"+d;
    };
    if(m < 10){
        m = "0"+m;
    };

    data = y+"-"+m+"-"+d;
    console.log(data);
    _dat.value = data;
};

setInputDate("#dateDefault");

Вы можете сделать что-то вроде этого:

<input type="date" value="<?php echo date("Y-m-d");?>" name="inicio">

Самый простой способ установить текущую дату.

<input name="date" type="date" value="<?php echo date('Y-m-j'); ?>" required>

// HTML-код

<input id="idFdate" type="date" />

// код javascript в основной функции загрузки

function loadFunction() {
    // body...
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();

    if(dd<10){
        dd='0'+dd;
    } 
    if(mm<10){
        mm='0'+mm;
    } 

    today = yyyy+'-'+mm+'-'+dd;                
    document.getElementById("idFdate").defaultValue =today+"";
}

JS-код:

function TodayDate(){
        let data= new Date();
        return data.getFullYear().toString()+'-' + (data.getMonth()+1).toString()+'-' + data.getDate().toString()
    }
    document.getElementById('today').innerHTML = '<input type="date" name="Data" value="'+TodayDate()+'" ><br>';

HTML-код:

<div id="today" > </div>

Немного грубовато, но работает!

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

<input type="date" value="2014-12-29">

Используйте Microsoft Visual Studio

Разделитель даты '-'

@{string dateValue = request.Date.ToString("yyyy'-'MM'-'ddTHH:mm:ss");}

‹ input type="datetime-local" class="form-control" name="date1" value="@dateValue" >

Вот три оператора для трех разных дат в форме с тремя полями type=date.

$inv_date — текущая дата:

$inv_date = date("Y-m-d");

$inv_date_from — первый день текущего месяца:

$inv_date_from = date("Y") . "-" . date("m") . "-" . "01";

$inv_date_to - последний день месяца:

$inv_date_to = date("Y-m-t", strtotime(date("Y-m-t")));

Надеюсь, это поможет :)