jquery - TimePicker の位置を変更するには?

Question

timePicker に jquery 1.6.4 を使用しています。TimePicker は正常に動作していますが、 timePicker の位置を変更したいと考えています。textBox をクリックして timePicker を開くと、モバイルアプリ画面の外側にある右側に開きます。では、どうすればその位置を変更できますか?

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

Answer 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();
});

設定したオフセットがextend関数内になるように、jQuery の datePicker のデフォルト設定を拡張する必要がありoffset.leftます。.

Answer 2

私はこれをJSFiddleで試しましたが、テキストボックスのすぐ下に開いています。

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

ただし、この問題が引き続き発生する場合は、containerClass 属性を使用して、日付ダイアログの配置用に CSS を定義できます。

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

Answer 3

timePicker の位置が自動的に変更されるように、textBox の位置を変更してみてください。