如何将jQuery日历中选择的日期传递给php?

时间:2018-04-29 20:29:01

标签: php jquery calendar

我正在尝试在jQuery中创建一个简单的日历。我希望用户选择一些日期,然后我必须在服务器上执行一些操作 - php端。我希望以某种格式传递所选日期,例如" dd / mm / yyyy"从JS到php。你能帮我找一些办法吗?

<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <link href="css/ion.calendar.css" rel="stylesheet" type="text/css">
    </head>

    <body>

    <div id="datum"></div>
    <div id="result">...</div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="js/moment.min.js"></script> 
    <script src="js/ion.calendar.js"></script> 

    <script>

    $(function(){
        $("#datum").ionCalendar({
            lang: "sk",
            years: "2000-2050",
            sundayFirst: false,
            onClick: function(date){
                $("#result").html(date);    
                                });
                });


    </script>


    <?php

    //there i want to handle the date I selected

    ?>

    </body>
    </html>

感谢您的建议。

2 个答案:

答案 0 :(得分:0)

Ion Calendar具有format配置。

要将日期传递给PHP,您必须提交表单或发出ajax请求。

$("#datum").ionCalendar({
    format: 'DD/MM/YYYY',
    lang: "sk",
    years: "2000-2050",
    sundayFirst: false,
    onClick: function(date) {
        // Form field
        $("#input").val(date);

        // Ajax request
        $.post('localhost/send/date', date);
    }
});

答案 1 :(得分:0)

在某些时候,我使用JQuery日历,现在我只能想象两种方法。

  1. 将JQuery日历的选定日期放入&#39;输入&#39;的值中。您要提交的表单中的字段。我通常会为此目的使用隐藏输入,但如果需要,您可以让输入可见。之后,在提交过程中,解析数据&#39;来自输入的用户选择的日期。

  2. 将Ajax用于某个端点。

  3. 我很确定JQuery日历可以选择自定义其选择值的数据格式,但是如果它没有选项,我建议解析输入和#39;数据&#39 ;.然后,如果要实时更改所选值,请使用Jquery的onChange()方法绑定/侦听输入中的任何更改。