类型为日期或文本的输入字段

Question

我有一个带有日期字段的Laravel应用。

当我使用“ type = text”时

<input type="date" class="form-control" id="startdate" placeholder="Start date" name="startdate" />

我得到存储在数据库中的值。

当我使用“类型=日期”

<input type="date" class="form-control" id="startdate" placeholder="Start date" name="startdate" />

我得到dd / mm / yyyy和一个下拉列表（datepicker）以为每个数字选择一个数字。 我本来希望dd，mm和yyyy会用我数据库中的日期预先填充。

当input = text工作时，我不喜欢那样，因为使用者可以在该字段中键入任何文本。

做这个的最好方式是什么？ 保留input = date并进行更正，或者将其放在input = text中，然后进行服务器端验证？

Answer 1

尝试这个

function getDefaultDate(curDate){
var dt = new Date(curDate);
var date = dt.getDate();
var month = dt.getMonth();
var year = dt.getFullYear();
if (month.toString().length == 1) {
    month = "0" + month
}
if (date.toString().length == 1) {
    date = "0" + date
}
return year.toString() + "-" + month.toString() + "-" + date.toString();
}

var fdate = getDefaultDate(curDate); // pass db date

document.getElementById("startdate").value = fdate;