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

时间:2011-08-11 23:15:17

标签: jquery datepicker

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

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

文本框旁边有一个小日历图标。单击它时,将打开日期选择器。是什么让这项工作?我似乎无法弄明白。

我理解文本框是如何工作的,因为它有一个名为.date-pick的类,它使用jquery获取datepicker函数。

但日历应用了一个名为dp-choose-date的类。没有在源头的哪个地方可以找到这个课程。

我想我在这里有点困惑。

1 个答案:

答案 0 :(得分:0)

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

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