输入类型=“日期”将默认值设置为今天的日期[重复]答案

【问题标题】：input type="date" set a default value to date today [duplicate]输入类型=“日期”将默认值设置为今天的日期[重复]
【发布时间】：2021-01-07 05:56:05
【问题描述】：

我如何设置一个输入 type="date" 值设置为默认值等于今天的日期？

这是我的 HTML 代码，最好的方法是什么？

<div class="form-group col-6">
    <label for="inputEmail4">Start date</label>
        <input type="date" value="fsd" id="startdateId" class="form-control" required>
 </div>

【问题讨论】：

这一行应该是麦汁=> document.getElementById('startdateId').valueAsDate = new Date();
你可以试试这个document.getElementById('startdateId').value = new Date().toISOString().slice(0, 10)
如果你使用的是 jQuery，那么$('#startdateId').val(new Date().toISOString().slice(0, 10));
您好，谢谢！我已将代码更新为然后应用 $("#startdateId").datepicker().datepicker("setDate ", 新日期());

标签： javascript html jquery

【解决方案1】：

试试看

var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = year + "-" + month + "-" + day;

document.getElementById("startdateId").value = today;

<div class="form-group col-6">
  <label for="inputEmail4">Start date</label>
  <input type="date" value="fsd" id="startdateId" class="form-control" required>
</div>

【讨论】：

请补充说明。你做了什么。你为什么这么做？
这一行应该可以工作 => document.getElementById('startdateId').valueAsDate = new Date();
感谢您的回答！

【解决方案2】：

与任何 HTML 输入字段一样，浏览器会将其留空，除非使用 value 属性指定默认值。

不幸的是，HTML5 没有提供在 value 属性中指定“today”的方法。您需要 Javascript 来执行此操作。

document.getElementById('startdateId').value = new Date().toISOString().slice(0, 10);

<div class="form-group col-6">
  <label for="inputEmail4">Start date</label>
     <input type="date" value="fsd" id="startdateId" class="form-control" required>
</div>

【讨论】：

这一行应该可以工作 => document.getElementById('startdateId').valueAsDate = new Date();
@AlwaysHelping 我的代码也可以使用它的 JS man 来做同样的事情。
很好 - 我没有说你的代码不起作用。刚刚添加以表明比切片和 isoString 更简单。 :)