以下是该网站的链接: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html
我正在查看名为date 1的文本框。
文本框旁边有一个小日历图标。单击它时,将打开日期选择器。是什么让这项工作?我似乎无法弄明白。
我理解文本框是如何工作的,因为它有一个名为.date-pick的类,它使用jquery获取datepicker函数。
但日历应用了一个名为dp-choose-date的类。没有在源头的哪个地方可以找到这个课程。
我想我在这里有点困惑。
答案 0 :(得分:0)
该类正由日期选择器插件应用,可能使用addClass
函数。插件初始化后,可能会创建一个DIV
(id=;dp-popup'
),其中包含当前月份的必要值。 DIV
被隐藏(display:none
)但在首次初始化时仍然具有dp-popup类。当您单击文本框或单击按钮时,会为这些事件分配一个事件处理程序(文本框为focus
,按钮为click
),用于设置DIV
的显示样式不被隐藏,它也将它放在文本框的正下方。
我没有深入研究代码,但是稍微看一下标记,这就是我怀疑它的工作方式。