Question

我一直在使用在提交时使用输入数据的功能的表格。到目前为止，这对文本工作得很好，但切换到日期输入会给我带来麻烦。

我使用以下代码，但是＆＃34; startDate＆＃34;，＆＃34; endDate＆＃34;值是空的。

<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

您的代码在Chrome中按预期工作，因为它支持input date但是IE，Firefox和Safari不是这种情况，您可以在此处看到：http://caniuse.com/#search=input%20date

如果您使用像JQuery-UI这样的库作为日期选择器，那么它可能会更好，所以所有浏览器都可以支持它

Answer 2

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

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

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

这将解决可能在您的问题中起作用的浏览器不一致性。

无法使用javascript

2 个答案: