Question

DateFunction在标识datelate的文本输入中设置今天的日期。然后将日期存储在date函数中的addLate变量中，作为object HTMLInputElement。每当我尝试提取存储在变量中的日期时，它会说：[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共享其名称（因此反映了其toString()的结果），而不是您在此处创建的正确变量：

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

附加"&date="+date+。

Answer 2

在我看来，您并没有在数据集中正确命名变量。

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

data:"firstname="+fname+"&lastname="+lname+"&date="+datelate+"&time="+time+"&detentiondate="+detdate+"&reason="+reason

应该是

data:"firstname="+fname+"&lastname="+lname+"&date="+date+"&time="+time+"&detentiondate="+detdate+"&reason="+reason

注意变量date和datelate

的差异

从对象HTMLInputElement获取文本

2 个答案: