沃梦达 / 编程问答 / php问题 / 正文

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

Bootstrap Datepicker - How to send value to URL?(Bootstrap Datepicker - 如何将值发送到 URL?)

本文介绍了Bootstrap Datepicker - 如何将值发送到 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?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:Bootstrap Datepicker - 如何将值发送到 URL?

基础教程推荐