用于 jQuery 日期范围选择器的按钮，用于发送“从”和“到”日期

Posted 2023-05-08

【中文标题】用于 jQuery 日期范围选择器的按钮，用于发送“从”和“到”日期

【英文标题】：Button for jQuery Date Range Picker to send 'from' and 'to' dates

【发布时间】：2019-08-15 04:27:21

【问题描述】：

我正在尝试使用 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/

【参考方案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>

【讨论】：

谢谢，但是在我进行这些更改后，日历在点击时没有显示任何弹出窗口，这可能是什么？您也可以在 jsfiddle.net/Stzzz/bwp6jtsq/12

上看到它

@Stz 您还必须将 javascript 部分中的任何 $ 更改为 jq。我也打算把它放在答案中，对不起。 jsfiddle.net/oaxb7szg