Question

我想设置datetimepicker的自定义位置，如左，右，上，下，这样选择器永远不会出现或永远不会从视觉区域切断。请帮忙

Answer 1

我正在使用jquery datepicker。无论你需要设置什么位置，都可以在beforeShow函数中提及它。

@Html.TextBoxFor(m => m.FromDate, new { style = "width: 200px;" })
@Html.TextBoxFor(m => m.ToDate, new { style = "width: 200px;" })

<script type="text/javascript">
$(document).ready(function () {
$("#ToDate").datepicker(
 {
     beforeShow: function (input, inst) {
         inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft:input.offsetWidth + 'px' });
     },
     changeYear: true,
     yearRange: '-2:' + new Date().getFullYear(),
     onClose: function (selectedDate) {
         $("#FromDate").datepicker("option", "maxDate", selectedDate);
     },
 });
});
</script>

Answer 2

如果您使用的是Twitter bootstrap datepicker

$('.form_time').datetimepicker({

pickerPosition: "bottom-left"  // what ever 

}

Answer 3

下面的代码将为您提供日期选择器的当前位置，您可以使用css进行更改。试试吧

 $("#datepicker").datepicker({
        beforeShow: function (input, inst) {
            setTimeout(function () {
                inst.dpDiv.css({
                    top: 100,
                    left: 200
                });
            }, 0);
        }
    });

设置Datetimepicker自定义位置

3 个答案: