Как установить выставочную позицию DatePicker? - PullRequest
6 голосов
/ 13 августа 2010

Дорогой, у меня в форме есть указатель даты. после того, как я щелкну текстовое поле, DatePicker покажет вверх (обратный с выпадающим). Как мне сделать, если я хочу, чтобы раскрывающийся список даты, а не раскрывающийся список? http://img413.imageshack.us/img413/1460/screenshot5g.png

Ответы [ 3 ]

10 голосов
/ 21 июля 2011
 $('.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);
     }

 });
0 голосов
/ 14 февраля 2013

подробно об ответе Игоря. Чтобы расположить календарь в правом нижнем углу элемента ввода 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);
    }
});
0 голосов
/ 13 августа 2010

Ищите решение в этой записи . Это то, что вы искали?

...