javascript-如何在列中绘制框

Question

我正在计划一个日历，尽管对后端的PHP有点熟悉，但是我在用Javascript的前端方面挣扎。 我正努力使事情变得简单，因为我仍在学习过程中，因此基本上，该表是使用bootstrap / CSS创建的，它显示了星期一至星期日的当前工作日。 现在，我想添加一些前端，以便在我在单元格上单击/拖动鼠标时绘制框。完成后，脚本会将开始日期/结束时间保存在MySQL数据库中。 问题是，我怎么画那些盒子？

我在想如何做到这一点：

1. 保持简单：基本上，我不会绘制任何框，而只是为背景和在.onmousedown上选择的那些单元格的行着色。
   1. 努力尝试：尝试更努力，更美观的方法，并更好地探索JS中的库世界。我一直在研究JCanvas，但就我的水平而言，我仍然必须更好地了解它的工作方式。

然后的问题是如何将这些框的参数传递给保存开始/结束时间的后端脚本。当然，我当时想为每个单元格指定一个带有小时/日期的特定ID，因此我想通过鼠标绘制日历事件以及在数据库中绘制所有当前事件都容易回忆起它们加载表时。

您建议我采取什么方法？任何输入都会很棒！

先谢谢 卢卡！

PS：我不希望有完整的代码或任何其他内容，只是做一些项目以了解更多信息！

Answer 1

我认为第一种选择会很好用。在所选单元格上添加背景颜色和边框将有助于突出显示。

您还需要以下一些内容：

1. AJAX：与后端脚本进行通信。
2. Events - Bubbling and Capturing：您实际上不必将事件放在整个表格上的每个单元格上，您可以使用event.target捕获事件目标。