如何从表单返回日期值

Question

所以，我正在尝试从表单中检索用户的日期信息，但我无法检索信息。

HTML：

function results() {
  var dateOfWork = document.getElementById('dateInput').value;
  console.log(dateOfWork);
  return dateOfWork;
}

<form class="" action="index.html" method="post" onsubmit="return results();">
  <h3>Enter date</h3>
  <input id="dateInput" type="date" name="date" value="">
  <h3>Start and End of Day</h3>
  <div class="clockDiv">
    <p id="startDay">Start</p>
    <p id="endDay">End</p><br>
    <input id="startDayInput" type="time" name="usr_time">
    <input id="endDayInput" type="time" name="usr_time">
  </div>
  <h3>Hourly Wage</h3>
  <input type="number" name="wage" value="">
  <input class="submitbtn" type="submit" name="Submit" value="Submit">
  </div>
</form>

Answer 1

使用preventDefault停止表单执行提交请求

function results(e) {
  e.preventDefault();
  var dateOfWork = document.getElementById('dateInput').value;
  console.log(dateOfWork);
  return dateOfWork;
}

<form class="" action="index.html" method="post" onsubmit="return results(event);">
  <h3>Enter date</h3>
  <input id="dateInput" type="date" name="date" value="">
  <h3>Start and End of Day</h3>
  <div class="clockDiv">
    <p id="startDay">Start</p>
    <p id="endDay">End</p><br>
    <input id="startDayInput" type="time" name="usr_time">
    <input id="endDayInput" type="time" name="usr_time">
  </div>
  <h3>Hourly Wage</h3>
  <input type="number" name="wage" value="">
  <input class="submitbtn" type="submit" name="Submit" value="Submit">
  </div>
</form>

Answer 2

    <script language='JavaScript'>

    function getTime()
    {
    var date = new Date();
    var d = date.getUTCDate();
    var day = (d < 10) ? '0' + d : d;
    var m = date.getUTCMonth() + 1;
    var month = (m < 10) ? '0' + m : m;
    var year = date.getUTCFullYear();
    var h = date.getUTCHours();
    var hour = (h < 10) ? '0' + h : h;
    var mi = date.getUTCMinutes();
    var minute = (mi < 10) ? '0' + mi : mi;
    var sc = date.getUTCSeconds();
    var second = (sc < 10) ? '0' + sc : sc;
    var loctime = month + day + hour + minute + year + "." + second;

    document.getElementById('localTime').value = loctime;
    }
 </script>

    Put This Script into your **result** function and call the function on Submit button
    Hope It will be help Full for you