如何设置输入类型日期的默认值为今天?

给定一个输入元素:

<input type="date" />

有没有办法将日期字段的默认值设置为今天的日期?

当前回答

如果你在浏览器中做任何与日期和时间相关的事情，你想要使用Moment.js:

moment().format('YYYY-MM-DD');

Moment()返回一个表示当前日期和时间的对象。然后调用它的.format()方法以根据指定的格式获得字符串表示形式。在本例中，是YYYY-MM-DD。

完整的例子:

<input id="today" type="date">
<script>
document.getElementById('today').value = moment().format('YYYY-MM-DD');
</script>

其他回答

如果你需要填写输入日期时间，你可以使用这个:

<input type="datetime-local" name="datetime" 
       value="<?php echo date('Y-m-d').'T'.date('H:i'); ?>" />

这依赖于PHP:

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

如果使用PHP，请遵循标准的Y-m-d格式

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

与任何HTML输入字段一样，浏览器将date元素保留为空，除非在value属性中指定了默认值。不幸的是，HTML5没有提供在htmlputelelement .prototype.value中指定“today”的方法。

相反，必须显式提供RFC3339格式的日期(YYYY-MM-DD)。例如:

element.value = "2011-09-29"

使用HTMLInputElement.prototype.valueAsDate:

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

推荐文章