类上方/下方的Jquery UI日期选择器

如果具有日期选择器的文本输入靠近窗口底部，则日期选择器div将显示在输入上方。如果输入接近窗口顶部，则datepicker div将显示在输入下方。如果可能的话，我希望datepicker div在这些情况下具有不同的类名。

我还没有对此进行测试，但API有一个选项： （不起作用，仅适用于动画方向）

我会搜索在显示之前或之后触发的事件，然后从这个方向值中获取值，并相应地更改类

你可以用一个赛前秀，也许你可以在那里找到一些信息

下面是一个可以使用的JSFIDLE：

---

我注意到jQuery绝对定位ui datepicker div，而不是相对于输入字段。因此，这也没有帮助….

非常感谢您的回答，但是showOptions选项用于设置显示动画的方向（如果设置了showAnim选项）。我不明白如何使用onSelect选项。是的，很抱歉……我会更新答案。我还注意到onSelect在您选择新日期时启动，而不是在事物打开时启动。。。。

 $("#datepicker2").datepicker({
     beforeShow: function (i, o){
     }
 });