如何根据单击的内容动态显示jQuery UI DatePicker

Question

如果单击小日历图标按钮，任何想法都会让jQuery UI DatePicker出现在下方和左侧对齐的位置，并且仍然在输入框下方打开它并与输入框保持对齐单击输入文本框？

我想如果我能够检测到点击的内容，那么可以使用beforeShow，如下所示：

beforeShow: function(input,inst){
    //check if the icon is clicked, then
        inst.dpDiv.css(
            {
                marginLeft: input.offsetWidth + 5 + 'px'
            }
        );
    //end if
},

但是如何检测是否单击了图标，然后更改默认的CSS？

Answer 1

在处理程序中，this指的是被点击的元素。

Answer 2

如果没有代码，我会说在此图标上使用点击装订（http://api.jquery.com/click/）

如果您要更改位置http://jqueryui.com/demos/position/