javascript - 如何在其输入元素上检测 jQuery UI datepicker 的向上或向下方向?

标签 javascript jquery jquery-ui datepicker

我可以检测窗口的输入偏移位置: input.getBoundingClientRect().top 但我必须知道我的日期选择器 block 在哪里(在输入下面或上面)来更改它的类名。

最佳答案

我认为,捕获打开的日历框位置的最佳方法是监听单击事件。捕获日期选择器输入和日期选择器日历框从顶部的偏移位置后。

There is an jsfiddle example for how to use with multiple datepickers

第 1 步:在 DOM 初始化之后捕获日历框 $('#ui-datepicker-div')

第 2 步:捕获日期选择器输入的点击。

第 3 步:从偏移顶部捕获两个元素(日历框和日期选择器输入)的位置。

第 4 步:捕获元素的位置后,您可以根据需要操纵操作类型。在本例中,我们添加类,但您可以调用函数 input.offsetTop <= calendarBox.offsetTop ? toUpFunction() : toDownFunction()

希望有帮助。

祝你好运!

关于javascript - 如何在其输入元素上检测 jQuery UI datepicker 的向上或向下方向?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40715438/

相关文章:

javascript - 理解MDN的bind示例

javascript - 在我的工具栏中用脚本填充 &lt;input&gt;

javascript - 是否可以根据 FullCalendar 事件的标题指定其背景颜色?

javascript - 如何使用 javascript 和 ajax 检查表单是否已提交以避免多次发送同一表单

css - jQuery 日历的 CSS 字体大小问题

javascript - jQuery 过滤器帮助

javascript - 未正确显示引号

javascript - 使用 jquery 刷新表而不与数据库通信

javascript - jQuery UI ReplaceWith() 动画?

javascript - 如何构建一个 jQuery 对话框以确认(是/否),它可以在应用程序的任何地方工作?