我无法通过用户使用 html 和 javascript 输入给定日期来找到以前的日期。你能帮帮我吗

Question

'这是 HTML 代码'

<form>
  <div class="input-field">
    <label>Choose Date</label>
    <input type="date" id="date" onchange="myDate();" required>
  </div>
  <div class="input-fields">
    <label>Previous Date</label>
    <input type="date" id="previous" readonly>
  </div>
</form>

'这是 Javascript 代码'

<script>
    function myDate()
      {
      const currDate = document.getElementById("date");
      const date = new Date(currDate)
      if (typeof date === 'object' && date !== null && 'getDate' in date) {
      console.log("The data type is", typeof date)
      console.log(date.getDate())}
      else {
        console.log("Invalid Date Object")
      }
      date.setDate(date.getDate()-1);
      const previous = document.write(date);
      document.getElementById("previous").value = previous;
      }
</script>

我正在尝试通过在 Javascript 中使用 myDate 函数来获取上一个日期，但我收到错误 getDate is not a function 然后我尝试将 getDate 作为函数，现在它显示相同的错误。 我无法将 getDate 作为函数或获取以前的日期值

Answer 1

这是适合您的解决方案。

您遇到的第一个问题是您在currDate中获得了元素而不是值。

在那之后，我不明白你试图对你previous的变量做什么，但是你用更新的日期覆盖了实际的DOM 。

最后，您必须将要在另一个字段上设置的日期转换为接受的字符串，因此您需要截断toISOString()方法以返回格式为YYYY-MM-DD的日期（因为这就是您如果从初始输入中读取）。

function myDate()
{
  const currDate = document.getElementById("date").value;
  const date = new Date(currDate)
  
  if (typeof date === 'object' && date !== null && 'getDate' in date) {
    console.log("The data type is", typeof date)
    console.log(date.getDate())}
  else {
    console.log("Invalid Date Object")
  }
  date.setDate(date.getDate()-1);
  document.getElementById("previous").value = date.toISOString().split('T')[0];
}

Answer 2

问题在于new Date(currDate)在这里您使用element创建新日期，因此您需要执行new Date(currDate.value)然后您需要根据日期选择器接受的日期来格式化日期yyyy-MM-DD 。

 function myDate() { const currDate = document.getElementById("date"); const date = new Date(currDate.value) if (typeof date === 'object' && date !== null && 'getDate' in date) { console.log("The data type is", typeof date) console.log(date.getDate()) } else { console.log("Invalid Date Object") } date.setDate(date.getDate() - 1); document.getElementById("previous").value = formateDate(date); } function formateDate(d) { return d.getFullYear() + '-' + ("0" + (d.getMonth() + 1)).slice(-2) + '-' + ("0" + d.getDate()).slice(-2) ; }

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style> </head> <body> <form> <div class="input-field"> <label>Choose Date</label> <input type="date" id="date" onchange="myDate();" required> </div> <div class="input-fields"> <label>Previous Date</label> <input type="date" id="previous"> </div> </form> </body> </html>

我无法通过用户使用 html 和 javascript 输入给定日期来找到以前的日期。你能帮帮我吗

问题描述

2 个解决方案

解决方案1
0 2022-07-10 09:07:11

解决方案2
0 已采纳 2022-07-10 09:12:41

我无法通过用户使用 html 和 javascript 输入给定日期来找到以前的日期。 你能帮帮我吗

问题描述

2 个解决方案

解决方案1 0 2022-07-10 09:07:11

解决方案2 0 已采纳 2022-07-10 09:12:41

我无法通过用户使用 html 和 javascript 输入给定日期来找到以前的日期。你能帮帮我吗

解决方案1
0 2022-07-10 09:07:11

解决方案2
0 已采纳 2022-07-10 09:12:41