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

Question

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

Answer 1

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

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()

希望有帮助。

祝你好运!