<div class="form-group"> <label class="col-sm-2 control-label">考试日期</label> <div style="text-align: left" > <input type="date" value="2019-11-15" name="examdate"/>至 <input type="date" value="2019-11-16" name="examtime"/> </div> </div>我想让上述html的代码的日期自动变成当天的日期,请帮我修改
时间: 2024-02-14 17:24:46 浏览: 28
要将HTML代码中的日期自动设置为当天的日期,您可以使用JavaScript来实现。以下是修改后的代码:
```html
<div class="form-group">
<label class="col-sm-2 control-label">考试日期</label>
<div style="text-align: left" >
<input type="date" id="examdate" name="examdate"/>至
<input type="date" id="examtime" name="examtime"/>
</div>
</div>
<script>
var today = new Date(); // 获取当前日期
var dd = String(today.getDate()).padStart(2, '0'); // 获取当前日期日部分,并在需要时补零
var mm = String(today.getMonth() + 1).padStart(2, '0'); // 获取当前日期的月部分,并在需要时补零
var yyyy = today.getFullYear(); // 获取当前日期的年份部分
today = yyyy + '-' + mm + '-' + dd; // 格式化当前日期
document.getElementById("examdate").value = today; // 将examdate字段设置为当前日期
document.getElementById("examtime").value = today; // 将examtime字段设置为当前日期
</script>
```
在上述代码中,我们添加了一个`id`属性来获取`examdate`和`examtime`的输入框,并使用JavaScript将其值设置为当前日期。这样,您就可以实现将日期自动设置为当天的功能。请将上述代码复制到您的HTML文件中进行使用。