使jQuery datepicker弹出

时间:2013-07-31 22:31:15

标签: jquery jquery-ui jquery-ui-datepicker

我的jQuery UI日期选择器向下弹出,这使它们有时会消失在屏幕的底部。我想让它们向上弹出。

我遇到了这个解决方案 http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPosition.html 所以我加载了所有其他JS后,我在最后添加了这段代码,但是我得到了一个未捕获的TypeError:Object [object Object]没有方法'datePicker'。

知道什么是错的,还是有另一种方式?

<!--Make the datepicker pop upwards-->
<script type="text/javascript">

$(function()
{
    $('.date-pick')
            .datepicker({createButton:false})
            .bind('click',
                    function()
                    {
                            $(this).dpDisplay();
                            this.blur();
                            return false;
                    }
            );
    $('#bl').dpSetPosition($.dpConst.POS_BOTTOM, $.dpConst.POS_LEFT);
});
</script>

1 个答案:

答案 0 :(得分:0)

jquery ui datepicker是小写的,所以改变

.datePicker({createButton: false})

.datepicker({createButton: false})

来源参考:http://jqueryui.com/datepicker/

编辑:看起来你的例子中的日期选择器要么是一个不同的日期选择器,要么是在引入jquery-ui之前创建的那个,这就是为什么会出现差异。