<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<input type="date" id="start_time" />
</body>
<script type="text/javascript">
var start = document.getElementById("start_time");
var date = new Date();
var month_t = date.getMonth().toString();
if (date.getMonth() + 1 < 10)
month_t = '0' + (date.getMonth() + 1);
var day_t = date.getDate().toString();
if (date.getDate() < 10)
day_t = '0' + (date.getDate() + 1)
var dateString = date.getFullYear() + "-" + (month_t) + "-" + day_t;
start.value = dateString;
</script>
</html>
代码不难,但有几个要注意的地方:
1、<script>部分要放在<body>后面,应该是因为要加载了控件,才能获取id。
2、这个控件要求的时间格式是yyyy-mm-dd, 也就是月,日都要两位,比如2021年3月1号,就应该是2021-03-01, 不能是2021-3-1,这是不符合标准的,所以才有那两个判断(是否小于10)。
若要设置为几点几分的时间控件,可把type=time,其余可自己调试。
本文纯属想水一篇文章。