Bootstrap Datepicker定位不起作用

Question

我在ASP.Net MVC网站上使用Eternicode的Bootstrap Datepicker 。 该功能运行良好，但我无法使用docs和链接中可用的代码生成器中所述的“ orientation选项正确定位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

有类似的问题。 我使用了资源js（ http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js ）和css（ http://cdnjs.cloudflare.com/ajax推荐的小提琴J Santosh中提供了/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文件。