Question

亲爱的，我的表单中有一个日期选择器。点击文本字段后，将datepicker显示为up（反向下拉）。如果我想显示datepicker下拉列表而不是dropup，该怎么办？ http://img413.imageshack.us/img413/1460/screenshot5g.png

Answer 1

 $('.datetime').datepicker({
     dateFormat: 'm/d/yy',
     beforeShow: function (input, inst) {
         var offset = $(input).offset();
         var height = $(input).height();
         window.setTimeout(function () {
             inst.dpDiv.css({ top: (offset.top + height + 4) + 'px', left: offset.left + 'px' })
         }, 1);
     }

 });

Answer 2

在此post中寻找解决方案。这是你在找什么？

Answer 3

扩展伊戈尔的答案。要将日历定位到datepicker输入元素的右下角，请使用：

$('.datepicker').datepicker({
    beforeShow: function (input, inst) {
        var offset = $(input).offset();
        window.setTimeout(function () {
            var calWidth = inst.dpDiv.width();
            var inpWidth = $(input).width() + parseInt($(input).css('padding'));
            inst.dpDiv.css({ left: offset.left + (inpWidth - calWidth) + 'px' })
        }, 1);
    }
});

如何设置datepicker的显示位置？

3 个答案: