javascript - jQuery 日期脚本不会填充字段，除非它是文本输入类型

Question

我有一个脚本，可以将表单中的一个字段填充到今天的日期，但是它仅在输入类型设置为“文本”时才有效。 PHP/SQL 不会接受此值，因为 SQL 数据类型设置为“日期”。如果有人能解释我如何使这个脚本与日期输入类型兼容，我将不胜感激。

HTML:

<div class="form-group">
    <label class="control-label" for="flight_date">Date</label>
    <div class="input-group">
        <div class="input-group-addon">
            <i class="fa fa-calendar"></i>
        </div>
        <input id="flight_date" type="date" class="form-control" maxlength="10" name="flight_date">
    </div>
</div>

jQuery:

var date = new Date();

var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = day + "/" + month + "/" + year;

document.getElementById('flight_date').value = today;

JSFiddle

Answer 1

HTML <input type="date" />仅支持 ISO 格式 (yyyy-mm-dd) 格式的日期。所以你可以像下面这样做。

var date = new Date();

var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = year +"-" + month + "-" + day;

document.getElementById('flight_date').value = today;

<input id="flight_date" type="date" class="form-control" maxlength="10" name="flight_date">