查询日期并显示在HTML日期输入框中

以下是一个使用JavaScript实现的示例代码，用于查询当前日期并将其显示在HTML日期输入框中：

HTML部分：

<input type="date" id="dateInput">
<button onclick="displayCurrentDate()">显示当前日期</button>

JavaScript部分：

function displayCurrentDate() {
  var currentDate = new Date();
  var day = currentDate.getDate();
  var month = currentDate.getMonth() + 1; // 月份从0开始计数，所以要加1
  var year = currentDate.getFullYear();

  // 将日期格式化为YYYY-MM-DD的形式
  var formattedDate = year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
  
  // 将日期设置为输入框的值
  document.getElementById("dateInput").value = formattedDate;
}

在上述代码中，我们首先获取当前日期并将其存储在变量currentDate中。然后，我们使用getDate()、getMonth()和getFullYear()方法从currentDate中提取日期、月份和年份。为了格式化日期为YYYY-MM-DD的形式，我们使用了三个三元运算符来确保月份和日期的值始终为两位数。最后，我们将格式化后的日期设置为HTML日期输入框的值。

当点击按钮时，displayCurrentDate()函数将被调用，它将查询当前日期并将其显示在HTML日期输入框中。