Javascript 模拟可点击的输入表单

我试图模拟用户点击蓝色条时弹出的可点击输入表单，如上图所示。我在前端开发方面的经验有限，因此我不知道如何准确地称呼这些元素，但假设它们位于包含在框中的可单击输入表单上，这可能导致其他可单击表单，如图所示的日期选择器

如何在Javascript中实现这一点？最好使用AngularJS，因为我正在开发的应用程序使用它。不过，我不介意使用JQuery

我不是在寻找详细的分步说明（我不介意），而是开始克隆这些功能的提示

---

谢谢。

您看到的弹出窗口将是HTML元素，可能是

s。页面将使用JavaScript在条上创建事件侦听器，以便在单击/鼠标悬停条时隐藏/显示它们。“弹出窗口”实际上与页面中的任何其他元素一样，但具有更高的级别，并用于使其显示为弹出窗口。这看起来也像是他们在使用绘制语音气泡指针，不过也可以通过图像来完成

如果我要开发这个，我会把它分成如下几个阶段：

将我的弹出窗口放到我的HTML页面中，确保它不会出现在任何地方

让它在我想要的时候显示/隐藏（无论是在单击蓝色栏时，还是在用户在蓝色栏中鼠标移入/移出时）

使其显示/隐藏在我希望的位置（蓝色条附近）

使它看起来更好（处理CSS并使指针正常工作）

将该工作转换为第二级弹出窗口。第二个级别将是完全相同的技术，但可能CSS类将不同，因此第二个气泡看起来不同，并且指针位于不同的位置

---

当然，您不必自己开发此功能。您也可以使用，以及。

您的答案正是我需要的！谢谢