javascript - 从对象 HTMLInputElement 获取文本

Question

DateFunction 在 ID 为 datelate 的文本输入中设置今天的日期。然后，日期作为 object HTMLInputElement 存储在 addLate 函数的 date 变量中。每次我尝试提取存储在变量中的日期时，它都会说:[object HTMLInputElement] 而不是实际日期。如何仅从输入中获取实际日期？

Javascript:

window.onload = function DateFunction() {
    today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();

    if(dd<10) {
        dd='0'+dd
    } 

    if(mm<10) {
        mm='0'+mm
    } 

    today = yyyy+'-'+mm+'-'+dd;
    document.getElementById('datelate').value= today;
}

$(document).ready(function(){

    $("#addLate").click(function(){

          var fname=$("#firstname").val();
          var lname=$("#lastname").val();
          var date=$("#datelate").val();
          var time=$("#time").val();
          var detdate=$("#detentiondate").val();
          var reason=$("#reason").val();
        if (fname !== "" && lname !== "" && date !== "" && time !== "" && reason !== "") {
              $.ajax({
                  type:"post",
                  url:"late.php",
                  data:"firstname="+fname+"&lastname="+lname+"&date="+datelate+"&time="+time+"&detentiondate="+detdate+"&reason="+reason,
                  success:function(){
                     alert("Late note added");
                     window.location.href = "home.php";
                  }
              });
        } else {
                alert("You must fill out all the empty information!");
            }
    });

});

HTML:

<input type="text" id="datelate" readonly>

Answer 1

你追加一个变量:

"&date="+datelate+ 

它与元素的 ID 共享其名称(因此反射(reflect)了其 toString() 的结果)，而不是您在此处创建的正确变量:

var date=$("#datelate").val();

附加 "&date="+date+。