通过日期选择器日历从选定日期获取数据

Question

你好，我有一个日期选择器日历，我想要的是 select 这两个日期，然后我想单击一个按钮，它会显示这些日期之间的所有数据。

这是我的代码...

<?php
include_once 'header.php';


$con = mysqli_connect('localhost','root','smogi','project');
if (!$con) {
    die('Could not connect: ' . mysqli_error($con));
}
$view = ($_GET['view']);
$username2 =$_SESSION['username'];
$sql="SELECT typeValue,unit,sensorValue,time FROM sensors WHERE username='$view' AND time BETWEEN $firstdate AND $lastdate  ORDER BY time DESC";
$result = mysqli_query($con,$sql);
echo "<table>
<tr>


</tr>";
while($row = mysqli_fetch_array($result)) {
    echo "<tr> <b>Type: </b>";
    echo stripslashes($row['typeValue']) . "<br/><b>Unit: </b>";
    echo stripslashes($row['unit']) . "<br/><b>Value: </b>";
    echo stripslashes($row['sensorValue']) . "<br/><b>Date & Time: </b>";
    echo stripslashes($row['time']) . "<br/>";
    echo "--------------------------------------------------------------------------------------------------------------";
    echo "<br/></tr>";
}
echo "</table>";

?>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    var firstdate = $('#firstdatepicker').datepicker({ dateFormat: 'yy-mm-dd' }).val();
    //$( "#firstdatepicker" ).datepicker();
  });
  </script>


    <script>
  $(function() {
    var lastdate = $('#lastdatepicker').datepicker({ dateFormat: 'yy-mm-dd' }).val();
    //$( "#lastdatepicker" ).datepicker();
  });
  </script>
</head>
<body>
 <form method="post" action="graph.php">
<p>First Date: <input type="text" id="firstdatepicker"></p>

<p>Last Date: <input type="text" id="lastdatepicker"></p>

<input type="submit" value="Get Data" name="data"/>

</form>


</body>
</html>

但它并不如我所愿。你能帮我让它工作吗？？？

感谢您的宝贵时间。

PS：在下图中我们可以看到我的数据库 table 的样子

Answer 1

首先，你永远不会定义$firstdate $lastdate。你应该喜欢这个：

$firstdate = $_POST['firstdatepicker'];
$lastdate = $_POST['lastdatepicker'];

如果它与您在 "time" 专栏中的一样，则需要引用它们。

BETWEEN '$firstdate' AND '$lastdate'

对查询使用错误检查会引发语法错误

http://php.net/manual/en/mysqli.error.php

即：$result = mysqli_query($con,$sql) or die(mysqli_error($con));

MySQL 读作 datetime 为 YYYY-mm-dd

https://dev.mysql.com/doc/refman/5.0/en/datetime.html

您正在使用 dateFormat: 'yy-mm-dd'

另外，给你的输入名称属性：

<input type="text" id = "firstdatepicker" name = "firstdatepicker">
<input type="text" id = "lastdatepicker" name = "lastdatepicker">

并添加

$firstdate = $_POST['firstdatepicker'];
$lastdate = $_POST['lastdatepicker'];

如上所述。

Answer 2

您忘记在表单中添加 name="firstdatepicker" 和 name="lastdatepicker"，您需要从 $_POST 超全局数组中填充变量（我 非常希望 你不使用 register_globals=on)。

更新了 HTML 部分：

<script type="text/javascript">
  $(function() {
    $('#firstdatepicker, #lastdatepicker').datepicker({ dateFormat: 'yy-mm-dd' });
  });
</script>

<form method="post" action="graph.php">
<p>First Date: <input type="text" name="firstdatepicker" id="firstdatepicker"></p>

<p>Last Date: <input type="text" name="lastdatepicker" id="lastdatepicker"></p>

<input type="submit" value="Get Data" name="data"/>

</form>

PHP 方：

if (isset($_POST['firstdatepicker'])) {
  $firstDate= $_POST['firstdatepicker'];
  $lastDate= $_POST['lastdatepicker'];

  // forgot the single quotes around the dates ...
  $sql="SELECT typeValue,unit,sensorValue,time FROM sensors WHERE username='$username2' AND time BETWEEN '$firstdate' AND '$lastdate'  ORDER BY time DESC";
}

通过日期选择器日历从选定日期获取数据

Get Data from selected dates by a datepicker calendar

html

php

jquery

datepicker