php - 在我的 ajax 调用中使用 amsul pickdate

Question

我正在尝试使用 amsul datepicker(称为 pickdate)将日期传递给我的 ajax 调用...

我有两个输入字段(从和到):

<input id="from"> <input id="to">

我的Js代码:

var $input = $('#from').pickadate({
    formatSubmit : 'yyyy-mm-dd',
    format : 'fro!m: dd-mm-yyyy',
    hiddenName : true
});
 var $input = $('#to').pickadate({
    formatSubmit : 'yyyy-mm-dd',
    format : 'fro!m: dd-mm-yyyy',
    hiddenName : true
});

首先，我不知道如何从 pickadte 获取值，并将它们传递到下面的 show_ersults 函数中...

我的 ajax 调用莫里斯图表:

function show_result(){ 
$.ajax({
    url: 'ajax.php',
    dataType: 'JSON',
    type: 'POST',
    data: {get_values: true},
    success: function(response) {
        Morris.Line({
            element: 'morris-line-chart',
            data: response,
            xkey: 'Timestamp',
            ykeys: ['Value'],
            labels: ['Income Today'],
            barColors: ['#2F2FFF'],
            smooth: false,
            resize: true
        });
    }
});}

(我的网址显示类似于网址:'ajax.php?from='+ from...)

我的问题是，如何将日期选择器的日期传递给我的 ajax 调用..

我的 php(我猜我已经准备好了)看起来像这样:

<?php
error_reporting(0);
$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/database/db_connect.php";
include_once($path);

if (isset($_POST['from']) AND isset($_POST['to'])) {

    $from = $_POST['from']; 
    $from = $_POST['to'];
    $var = array();

    $query = "SELECT Date as Timestamp, ROUND(Value,0) as Value 
    FROM KPI WHERE idName=6 AND Date >= '$from' AND Date <= '$to'" 
    or die("Error in the consult.." . mysqli_error($link)); 

    $result = $link->query($query); 
    while($obj = mysqli_fetch_object($result)) {
        $var[] = $obj;
    }
    echo json_encode($var);
}

我们将感谢您的帮助。此致，丹尼尔

Answer 1

要发送数据，请修改数据参数中的ajax调用:

function show_result(){ 
    $.ajax({
        url: 'ajax.php',
        dataType: 'JSON',
        type: 'POST',
        data: {'from': $('#from').val(), 'to': $('#to').val()},
        success: function(response) {
             Morris.Line({
                 element: 'morris-line-chart',
                 data: response,
                 xkey: 'Timestamp',
                 ykeys: ['Value'],
                 labels: ['Income Today'],
                 barColors: ['#2F2FFF'],
                 smooth: false,
                 resize: true
         });
    }
});}

并在服务器中更改此设置:

 $from = $_POST['from']; 
 $to   = $_POST['to'];