javascript - Bootstrap Datepicker定位不起作用

Question

我正在使用Bootstrap Datepicker from Eternicode在我的 ASP.Net MVC 网站上。该功能工作正常，但我无法使用文档和链接中提供的代码生成器中所述的 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'
});

我尝试将方向更改为左下、右下和其他选项，但均无济于事。模态框始终覆盖输入控件。

注释:

• 我没有覆盖日期选择器插件的任何 CSS
• 其他选项，例如 todayHighlight 工作

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

Answer 1

有类似的问题。我使用了推荐的 fiddle 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 文件。