Bootstrap Datepicker定位不起作用

Question

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

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 work

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

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'
});

“-”不应该在那里：左下角而不是左下角。如果还是不行就用上面的css和js文件吧。