如何设置输入的默认值[type="date"]

日期应该采用YYYY-MM-DD格式。个位数的日和月应该用0填充。一月是01。

从文档:

表示日期的字符串。

值:在(RFC 3339)中定义的有效的完整日期，附加条件是年份成分是四个或更多数字，表示大于0的数字。

你的代码应该更改为:

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

Example jsfiddle

如果您正在使用PHP，您可以像这样设置该值

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

但是记住它将返回服务器的日期。 例如，如果你的服务器在美国，你的客户在印度尼西亚，它可能相差1天 但是如果你想从客户端使用，使用javascript解决方案代替。

你可以这样做:

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

您可以简单地按照正确的格式显示日期

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

你可以使用下面的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");

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());

一个可能的解决方案:

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);
},

设置当前日期的最简单方法是。

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

$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");}

< p > & lt;input type="datetime-local" class="form-control" name="date1" value="@dateValue" > < / p >

下面是表单中三个不同日期的三条语句，其中有三个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>

有点粗糙，但很有效!