Question

我在ASP.Net MVC网站上使用Bootstrap Datepicker from Eternicode。功能正常但我无法使用文档和链接中可用的代码生成器中所述的orientation选项正确定位datepicker模式。当我点击文本框时，datepicker模式覆盖了我的输入控件。

HTML：

<input type="text" class="form-control datepicker input-sm" id="datepicker" />

使用Javascript：

$('#datepicker').datepicker({
    autoclose: true,
    format: 'dd-mm-yyyy',
    daysOfWeekDisabled: '0,6',
    todayHighlight: true,
    orientation: 'auto'
});

我尝试将方向更改为bottom-left，bottom-right和其他选项无效。模态始终涵盖输入控件。

注意：

我没有覆盖datepicker插件的任何CSS
其他选项，例如todayHighlight工作

我确定我错过了一些愚蠢的事情......请帮帮忙？

Answer 1

有类似的问题。我使用了小提琴 J Santosh 中提供的资源js（http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js）和css（http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css）链接并且它有效。编辑：在给出方向值时，您的代码将是这样的

$('#datepicker').datepicker({
    autoclose: true,
    format: 'dd-mm-yyyy',
    daysOfWeekDisabled: '0,6',
    todayHighlight: true,
    orientation: 'bottom left'
});

＆＃39; - ＆＃39;不应该在那里：左下角而不是左下角。如果它仍然不起作用，请使用上面的css和js文件。

Bootstrap Datepicker定位无效

1 个答案: