Bootstrap Datepicker - 如何将值发送到 URL? [英] Bootstrap Datepicker - How to send value to URL?

问题描述

我必须承认我对 Javascript 无望，PHP 更适合我的舒适区.

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

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

任何帮助将不胜感激！

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

<form action="test.php" method="GET"><input type="text" placeholder="点击显示日期选择器" id="startDate"></表单><脚本>$('#startDate').datepicker().on('changeDate', function() {$(this).parent('form').submit();});
<script type="text/javascript">//当文档准备好时$(document).ready(function () {$('#startDate').datepicker({格式:日/月/年"});});

解决方案

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

<input id="date" name="date"></表单><脚本>$('#date').datepicker().on('changeDate', function() {$(this).parent('form').submit();});

I must admit I'm hopeless on Javascript, PHP is more in my comfort zone.

I'm trying to use Bootstrap Datepicker for a booking system. I'm trying to find a way that when you click on a date it will reload the page and send the date to the URL.

Something like: http://example.com/test.php?date=2014-02-04

Any help would be greatly appreciated!

EDIT: Simplified code, pulls back the date but won't send to 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>

解决方案

You should just have it in a form with method set to GET, and then submit the form on date change:

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

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

这篇关于Bootstrap Datepicker - 如何将值发送到 URL?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！