2013-07-31 27 views
0

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

我碰到这个解决方案来 http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPosition.html 所以我在这段代码加在我所有的其他JS加载后的尽头,但我发现了一个遗漏的类型错误:对象的翻译:有没有方法'日期选择器'。

任何想法有什么不对,还是有另一种方式?

<!--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> 

回答

0

jQuery UI的日期选择器是小写,所以更改

.datePicker({createButton: false}) 

.datepicker({createButton: false}) 

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

编辑:它也像在您的示例日期选择器是可以是不同的日期选择器,也可以是在其导入之前创建的日期选择器jquery-ui,这就是为什么有差异。

+0

谢谢。但现在我得到了“Uncaught TypeError:无法读取未定义的属性'POS_BOTTOM' – Amoeba

+1

是的,它看起来像jquery-ui datepicker没有dpConst参数,所以你可能不得不使用jquery-ui datepicker使用示例站点中提供的jQuery datePicker函数。如果你想要做的只是重新定位日期选择器,你可以用CSS来做,但是 '.ui-datepicker margin-left:-100px;边距:-100px; “或者无论你需要多少或多少移动,都可以。 – johnr

+0

干杯,工作的一种享受。我没有意识到这很简单!谢谢!! – Amoeba