给定一个输入元素:
<input type="date" />
有没有办法将日期字段的默认值设置为今天的日期?
当前回答
如果你需要填写输入日期时间，你可以使用这个:
<input type="datetime-local" name="datetime"
value="<?php echo date('Y-m-d').'T'.date('H:i'); ?>" />
其他回答
在HTML5中，没有办法将日期字段的默认值设置为今天的日期?如其他答案所示，可以使用JavaScript设置该值，如果希望根据页面加载时用户的当前日期设置默认值，这通常是最佳方法。
HTML5为input type=date元素定义了valueAsDate属性，使用它，你可以直接从创建的对象中设置初始值，例如new date()。然而，IE 10不知道这个属性。(它也缺乏对输入type=date的真正支持，但这是另一个问题。)
因此在实践中，您需要设置value属性，并且必须使用ISO 8601符号法。现在这很容易做到，因为我们可以期望当前使用的浏览器支持toISOString方法:
<input type=date id=e>
<script>
document.getElementById('e').value = new Date().toISOString().substring(0, 10);
</script>
这就是我在我的代码中所做的，我刚刚测试过，它工作得很好，输入类型="date"不支持自动设置curdate，所以我用来克服这个限制的方法是使用PHP代码一个简单的代码，像这样。
<html>
<head></head>
<body>
<form ...>
<?php
echo "<label for='submission_date'>Data de submissão</label>";
echo "<input type='date' name='submission_date' min='2012-01-01' value='" . date('Y-m-d') . "' required/>";
?>
</form>
</body>
</html>
希望能有所帮助!
$(document).ready(function(){
var date = new Date();
var day = ("0" + date.getDate()).slice(-2); var month = ("0" + (date.getMonth() + 1)).slice(-2);
var today = date.getFullYear()+"-"+(month)+"-"+(day) ;
});
$('#dateid').val(today);
与任何HTML输入字段一样，浏览器将date元素保留为空，除非在value属性中指定了默认值。不幸的是，HTML5没有提供在htmlputelelement .prototype.value中指定“today”的方法。
相反，必须显式提供RFC3339格式的日期(YYYY-MM-DD)。例如:
element.value = "2011-09-29"
即使过了这么久，这也能帮到别人。这是一个简单的JS解决方案。
JS
let date = new Date();
let today = date.toISOString().substr(0, 10);
//console.log("Today: ", today);//test
document.getElementById("form-container").innerHTML =
'<input type="date" name="myDate" value="' + today + '" >';//inject field
HTML
<form id="form-container"></form>
类似的解决方案也适用于Angular，无需任何额外的库来转换日期格式。对于Angular(由于通用组件代码，代码被缩短了):
//so in myComponent.ts
//Import.... @Component...etc...
date: Date = new Date();
today: String; //<- note String
//more const ...
export class MyComponent implements OnInit {
//constructor, etc....
ngOnInit() {
this.today = this.date.toISOString().substr(0, 10);
}
}
//so in component.html
<input type="date" [(ngModel)]="today" />
