Я пытался (JSFiddle):
<input type="date" value="2012-3-23">
Дата должна быть в формате YYYY-MM-DD
. Однозначные дни и месяцы должны быть дополнены 0. Январь - 01.
Из документации:
Строка, представляющая дату.
Значение: действительная полная дата, как определено в [RFC 3339], с дополнительным уточнением, что компонент года состоит из четырех или более цифр, представляющих число больше 0.
Ваш код должен быть изменен на:
<input type="date" value="2013-01-08">
Возможное решение:
document.getElementById("yourDatePicker").valueAsDate = new Date();
Используя Moment.js:
var today = moment().format('YYYY-MM-DD');
document.getElementById("datePicker").value = today;
<input type="date" id="myDate" />
Затем в js:
_today: function () {
var myDate = document.querySelector(myDate);
var today = new Date();
myDate.value = today.toISOString().substr(0, 10);
},
если вы используете PHP, вы можете установить значение, подобное этому
<input type="date" value="<?php echo date("Y-m-d");?>">
но помните, что он вернет дату сервера. если вы хотите использовать от клиента, вместо этого используйте javascript. надеюсь, что это поможет.
Другой способ - использовать moment.js для его решения
var today = moment().format('YYYY-MM-DD');
document.getElementById("datePicker").value = today;
Вы можете использовать этот код 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 name="date" type="date" value="<?php echo date('Y-m-j'); ?>" required>
Вы можете сделать что-то вроде этого:
<input type="date" value="<?php echo date("Y-m-d");?>" name="inicio">
1 - @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
<input type="date" "myDate">
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
var today = new Date();
$('#myDate').val(today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2));
2 - @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
<input type="datatime-local" id="myLocalDataTime" step="1">
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
var today = new Date();
$('#myLocalDataTime').val(today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2)+'T'+today.getHours()+':'+today.getMinutes());
вы можете показать дату, просто следуя правильному формату
<input type="date" value="2014-12-29">
$date=date("Y-m-d");
echo"$date";
echo"<br>SELECT DATE: <input type='date' name='date' id='datepicker'
value='$date' required >";
Использование 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")));
Надеюсь, это поможет :)
//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>
Немного грубо, но это работает!
Я нашел это самое простое решение:
document.getElementById('date_input').valueAsDate = new Date();