有人可以解释一下这个 jquery datepicker 示例吗

Question

这是该网站的链接： http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html

我正在查看名为 date 1 的文本框。

文本框旁边有一个小日历图标。单击它时，日期选择器将打开。什么使这项工作？我好像搞不懂。

我了解文本框的工作原理，因为它有一个名为 .date-pick 的类，它通过 jquery 获取 datepicker 函数。

但是日历是通过一个名为 dp-choose-date 的类来应用的。在源代码中找不到这个类。

我想我在这里有点困惑。

Answer 1

日期选择器插件正在应用该类，可能使用addClass 函数。插件在初始化时可能会创建一个DIV (id=;dp-popup')，其中包含当前月份的必要值。 DIV 是隐藏的 (display:none) 但在第一次初始化时仍然具有 dp-popup 类。当您单击文本框或单击按钮时，将分配给这些事件的事件处理程序（focus 用于文本框，click 用于按钮）将DIV 的显示样式设置为不被隐藏并且它也将其定位在文本框的正下方。

我没有深入研究代码，但稍微看一下标记，我怀疑它是这样工作的。