HTML5“日期”输入格式，自动填充当前日期

Question

我正在使用HTML5日期格式，我想用当前日期自动填充它，但允许更改它。

以前使用简单的文本框，我可以使用PHP来恢复表单上的当前日期，但仍然可以编辑它，如下：

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

但是当使用date作为输入类型时，PHP值将被覆盖并替换为dd/mm/yyyy。

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

Tinygrab screenshot example

任何想法如何使用HTML5新输入类型但仍然能够提供默认值？

Answer 1

您可以通过JavaScript设置它：

document.getElementById('DateField').valueAsDate = new Date();

编辑：

如果您改变显示日期的方式，也可以通过PHP完成。

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

Edit2：修复了代码，使其实际运行。

Answer 2

只需添加echo并将默认值格式化为year-month-date

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

jsFiddle

Answer 3

注意不要以本地格式回显日期！ <input type="date" value="<?php echo date("d.m.Y");?>"> 将不起作用。使用“Y-m-d”，您的浏览器将完成剩下的工作。