且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2023-01-01 17:13:14

你应该把它放在一个方法设置为 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>