javascript - 无法使用 JavaScript 访问输入日期值

Question

我一直在使用表单，在提交时调用一个使用输入数据的函数。到目前为止，这对于文本来说效果很好，但是切换到日期输入给我带来了麻烦。

我使用以下代码，但“startDate”、“endDate”值为空。

<form onsubmit="myFunction()">
  Start Date:
  <input type="date" name="startDate" id="startDate">
  End Date:
  <input type="date" name="endDate" id="endDate">
  <input type="submit">
</form>

<!-- Form to process above date submit -->
<script>
  function myFunction() {

    var locationID = "1";
    var startDate = document.getElementById("startDate").value;
    var endDate = document.getElementById("endDate").value;
    var apiURL = "APIUrl" + locationID + "_" + startDate + "_" + endDate;
    alert("The form was submitted" + apiURL);

    $.get(apiURL, function( data ) {
      $( ".result" ).html( data );
    });
  }
</script>

警报返回 APIUrl 以及位置 ID，但日期值为空。

有什么想法吗？

感谢您的帮助。

Answer 1

您没有指定您使用的浏览器。

由于您已经在使用 jQuery，我建议使用它来检索字段值，即

var startDate = $("#startDate").val();
var endDate   = $("#endDate").val();

这将解决可能导致您的问题的浏览器不一致问题。