年历 - 点击日期时弹出

Question

你们中的一些人一定从我昨天发布的关于我从头开始编写日历的问题的其他帖子中认出了我。好吧，我已经放弃了，我认为这对我的水平来说太难了，因为即使有很多资源我也无法理解发生了什么。所以我决定抓取一个已经完成的日历，并添加我的项目所需的功能。

它需要是一个事件日历，用户在一天中点击（来自 table），它会在那天打开并允许用户写东西，当它点击保存时，它会更改该单元格日的背景颜色。

任何人都可以提示我如何操作吗？不是解决方案，而是入门指南！目前我认为唯一的方法是添加 onclick 函数，但我认为这不是最好的方法，因为我需要在每个函数中都添加此函数!!

也许我完全错了，甚至不可能...任何线索将不胜感激！

谢谢！

Answer 1

这完全取决于您保存调用是使用 ajax 还是表格 post。

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

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

然后您使用 jquery 在 javascript 代码中搜索可点击的 class:

$("#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”，并用它做任何您需要做的事情。

如果它是一种形式 post 那么您将不得不从服务器端更新它以包含条目。

希望对您有所帮助。

年历 - 点击日期时弹出

Yearly Calendar - pop up when click on day

javascript

jquery

calendar

onclick