jquery - 如何更改 TimePicker 位置？

Question

我将 jquery 1.6.4 用于 timePicker。TimePicker 工作正常，但我想更改 timePicker 的位置。每当我在 textBox 中单击以打开 timePicker 时，它都会在移动应用程序屏幕之外的右侧打开。那么我怎样才能改变它的位置呢？

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#sample1 input').ptTimeSelect();
}); 
</script>

Answer 1

我在 JSFiddle 上试过这个，对我来说它在文本框下方打开。

http://jsfiddle.net/aiioo7/XNgWB/

但是如果这个问题仍然存在，您可以使用 containerClass 属性并定义您的 css 来定位日期对话框。

$(document).ready(function(){ 
    $("#sample1").ptTimeSelect({containerClass:"test"});
}); 

Answer 2

这就是你需要的。

http://jsfiddle.net/sgbHk/1/

$.extend($.datepicker,{_checkOffset:function(inst,offset,isFixed){offset.top = 0;   offset.left=-100; return offset;}});
$(document).ready(function(){ 
$('#sample').datetimepicker();
});

您必须扩展 jQuery 的 datePicker 默认设置，以便您设置的偏移量在extend函数中，只需更改offset.left.

Answer 3

请尝试改变textBox的位置，以便timePicker的位置会自动改变。