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文件。