DateTimepicker向上显示并被切断。如何向下显示

时间:2015-09-05 05:37:13

标签: asp.net-mvc datetimepicker

当我点击我的datetimepicker时,它会向上弹出并在标题中被切断。我能做些什么?

我只是想知道。有时我的选择器会在Firefox中显示更改但在Chrome中有效。这是正常的吗?

Getting cut off

脚本代码

    $(function () {
        $('.searchDate').datepicker({
            format: "yyyy/mm/dd",

            todayBtn: "linked",

            autoclose: true

        });

    })

1 个答案:

答案 0 :(得分:0)

试试这个.. 无论你需要设置什么位置,都可以在beforeShow函数中提及它。

$(document).ready(function () {
$(".searchDate").datepicker(
 {
 beforeShow: function (input, inst) {
     inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft:input.offsetWidth + 'px' });
 },
 format: "yyyy/mm/dd",

 todayBtn: "linked",

 autoclose: true

 });
});

检查这个小提琴 - > https://fiddle.jshell.net/sbLbwm6a/