如何更改TimePicker位置?

时间:2013-02-19 07:54:33

标签: jquery html5 jquery-ui timepicker

我正在使用jquery 1.6.4 for timePicker。 TimePicker工作正常,但我想改变timePicker的位置。每当我点击textBox打开timePicker时,它就会在移动应用程序屏幕之外的右侧打开。那我怎么能改变它的立场呢?

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

3 个答案:

答案 0 :(得分:1)

我在JSFiddle上尝试了这个,对我而言,它正在文本框下面打开。

http://jsfiddle.net/adiioo7/XNgWB/

但是如果此问题仍然存在,您可以使用containerClass属性并定义日期对话框定位的CSS。

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

答案 1 :(得分:1)

这是你需要的。

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

答案 2 :(得分:0)

请尝试更改textBox的位置,以便timePicker的位置自动更改。