Bootstrap Datepicker - 如何将值发送到 URL？

Posted 2023-02-24

【中文标题】Bootstrap Datepicker - 如何将值发送到 URL？

【英文标题】：Bootstrap Datepicker - How to send value to URL?

【发布时间】：2014-02-27 17:14:14

【问题描述】：

我必须承认我对 javascript 毫无希望，php 更适合我。

我正在尝试将 Bootstrap Datepicker 用于预订系统。我正在尝试找到一种方法，当您单击日期时，它将重新加载页面并将日期发送到 URL。

类似：http://example.com/test.php?date=2014-02-04

任何帮助将不胜感激！

编辑：简化代码，拉回日期但不会发送到 URL

<div>
         <form action="test.php" method="GET">
         <input type="text" placeholder="click to show datepicker"  id="startDate">
         </form>
         <script>
         $('#startDate').datepicker().on('changeDate', function() 
         $(this).parent('form').submit();
         );
        </script>
        </div>




   <script type="text/javascript">
        // When the document is ready
        $(document).ready(function () 

            $('#startDate').datepicker(
                format: "dd/mm/yyyy"
            );  

        );
    </script>

【问题讨论】：

请修复您的链接；它不起作用。

它不应该工作。 OP 只是展示了他/她希望如何将日期值作为查询字符串的一部分传递到 URL 的示例。不是那么明显，因为网址上写着/test.php..

主要问题是什么？表单是否有效地以空白日期发送到服务器，还是在更改日期后不发送？

设置名称属性<input id="startDate" name="startDate">

好地方。刚刚添加了 name 属性但仍然没有发送：/

【参考方案1】：

你应该把它放在一个方法设置为 GET 的表单中，然后在日期更改时提交表单：

<form action="test.php" method="GET">
    <input id="date" name="date">
</form>

<script>
   $('#date').datepicker().on('changeDate', function() 
         $(this).parent('form').submit();
   );
</script>

【讨论】：

是的，我是。我认为这绝对是正确的，但不会重新加载带有发送到 url 的日期的页面。