我很坚持这个。 我有一个完整的"预订"的MySQL数据库,我正在尝试构建一个网格来显示约会的可用性。
对于每个条目,我的开始时间和结束时间格式为: YYYY-MM-DD HH:MM:SS(即2015-06-17 12:00:00)。
我正在寻找将这些条目转换为当天的显示网格的方法,其中预订时间被遮挡(通过颜色),未预订的时间作为不同的颜色。
示例:如果我的sql查询返回一个条目,以12pm作为开始时间,下午2pm作为结束时间,则创建的网格看起来像这样:
不好的例子,但是得到了这个想法。
我会包括我尝试过的例子,但说实话,我不知道从哪里开始实现这一目标。 - 我可以轻松地提取数据,让它显示就像我的例子一样让我卡住了。
我不是在寻找完成的代码,也不是任何人为我做的工作,只是推动如何将时间转变为我的榜样。
非常感谢!
答案 0 :(得分:1)
您希望渲染预订时间网格。好的,我们走了。
render_reservation_table()
使用定义的预订时间一周(或一天),并在迭代这些时间时,询问您的数据库,本周/日/时间是否有条目read_reservation()
。关键是渲染数据和数据库数据之间的比较。 根据渲染数据(周,日,时间),询问数据库。 您已经写过,您可以轻松提取数据"。您可以使用渲染数据构建时间戳,然后在数据库中查询条目(或条目):
SELECT * FROM events WHERE `date` BETWEEN '2015-01-01 09:00:01' AND '2015-01-01 11:59:59'
有许多方法可以改善这一点。特别是read_reservation()
函数稍后将包含数据库选择查询。在渲染期间再次调用该函数时,您可以在第一次调用该函数时查询一天或一周,而不是在数据和时间查找的结果集上查询。
这应该让你开始:
<?php
// (1) Define the possible reservation times. Syntax: 'TimeStart-TimeEnd'
$reservation_times = ['09-10', '10-11', '11-12', '12-13', '13-14', '14-15', '15-16', '16-17'];
// (2) What is the request?
// Week Display / Day display - $week = $_GET['week'];
// Hardcoded for demo purpose.
$week = 20;
/**
* Renders a reservation table for a certain week
*/
function render_reservation_table($week, $reservation_times)
{
echo '<table><colgroup span="1" id="reservation_time_colgroup"></colgroup><colgroup span="7" id="reservation_day_colgroup"></colgroup>';
foreach($reservation_times as $time)
{
echo '<tr><th class="reservation_time_th">' . $time . '</th>';
$i = 0;
while($i < 7)
{
$i++;
echo '<td><div class="reservation_time_div">';
echo '<div class="reservation_time_cell_div" id="div:' . $week . ':' . $i . ':' . $time . '" onclick="void(0)">';
echo read_reservation($week, $i, $time);
echo '</div></div></td>';
}
echo '</tr>';
}
echo '</table>';
}
function read_reservation($week, $i, $time)
{
// ==> ask database and compare
// here hardcoded for demo: this is week 20, day 2, time 10-11
if($week === 20 && $i === 2 && $time === '10-11') {
// Booked
echo '<div style="background:red;">Already booked.</div>';
} else {
// Not booked.
echo '<div style="background:lightgreen;">Click to book.</div>';
}
}
render_reservation_table($week, $reservation_times);
看起来像这样(周视图):