年度日历-单击日期时弹出

Question

你们中的某些人必须从我昨天发布的其他帖子中认识到我，这些帖子涉及我从头开始编写日历的问题。 好吧，我已经停止了，我认为这对我的水平来说太难了，即使有很多资源我也无法理解发生了什么。 因此，我决定获取已经完成的日历，并添加项目所需的功能。

它必须是一个事件日历，用户在一天中（从表中）单击，然后打开该天并允许用户写东西，然后单击“保存”，它将更改该单元格日的背景色。

谁能给我一个有关如何做的提示？ 不是解决方案，而是入门指南！ 目前，我认为唯一的方法是添加onclick函数，但我认为这不是最好的方法，因为我需要在每个单独的函数中添加此函数！

也许我是完全错误的，甚至是不可能的……任何线索将不胜感激！

谢谢！

Answer 1

这完全取决于您保存的呼叫是使用ajax还是表单发布。

如果是ajax，则可以为每个日历条目（例如）设置一个id和class属性。

<div id="2015-october-14" class="clickable" />

然后，使用jquery搜索可点击类的javascript代码：

$("#clickable").onclick(function() {
    //here you find the element id defined above
    //and pass that id into the popup/modal thing you want
});

这意味着您只定义一次onclick事件。 如果内容是动态的，则可以从文档开始搜索： $(document).on("click", "#clickable", function() {});

例如，一旦单击日历条目，便可以显示一个模式，您可以编写并提交它。 然后，您添加一个函数来调用ajax，并在上面的示例中添加消息和html元素ID。 然后，在$.ajax函数onComplete您可以搜索html元素的ID，例如“ 2015-october-11”，然后执行所需的任何操作。

如果它是一个表单发布，那么您将只需要从服务器端对其进行更新以包括条目。

我希望这有帮助。