jQuery 日期范围选择器按钮发送 'from' 和 'to' 日期

Question

我正在尝试使用 jquery 创建一个日期范围选择器，这部分工作正常，但无法完成按钮，它必须获取这两个日期并将它们推送到另一个页面。如下图

<script>
var jQuery.noConflict();
$(document).ready(function() {
          $("btnsend").click(function() {
           var pathname = window.location.pathname;
            var url = "/customlink/?datein="+jQuery('#startDate').val()+"&dateout="+jQuery('#endDate').val();
            //jQuery("#iframe-id").attr("src", url);
            window.location.href=url;
            return false;
          });
        });
</script>

现在当我点击按钮时。它没有反应。

我希望当用户选择 from -22/11/2019 + to 24.11.2019 并点击 btnsend 时，它会将他发送到 domain.name/pagename/?datein=22/11/2019&dateout=24/11/2019

已上传完整代码：https://jsfiddle.net/Stzzz/bwp6jtsq/8/

Answer 1

您的 jsfiddle 控件名为 "from" & "to"，但您试图通过 "startDate" & "endDate" 访问它们。

您在连接点击事件时还缺少 ID 选择器。

<script>
    var jq = jQuery.noConflict();

    jq(document).ready(function() {
        jq("#btnsend").click(function() {
            var pathname = window.location.pathname;
            var url = "/customlink/?datein="+jq('#from').val()+"&dateout="+jq('#to').val();
            //jq("#iframe-id").attr("src", url);
            window.location.href=url;
            return false;
        });
    });
</script>