ASP.Net MVC bootstrap-日期选择器不工作

ASP.Net MVC bootstrap-datepicker not working

已搜索 Google 解决方案,但我能找到的最接近的解决方案 (Bootstrap Datepicker Not Working) 无法解决问题。

AFAIK,我正在加载必要的 JS 和 CSS 参考资料:

<script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

<link rel=" stylesheet" href="~/Content/bootstrap-theme.css">
<link rel=" stylesheet" href="~/Content/datepicker.min.css">
<link rel=" stylesheet" href="~/Content/bootstrap-datepicker3.min.css">

在我看来,我有以下 HTML 输入:

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

我的视图代码末尾有这个简单的 Javascript:

<script type="text/javascript">
    $(function() {
        $('#datepicker').datepicker({
            autoclose: true,
            format: 'mm/dd/yyyy',
            orientation: "bottom auto",
            daysOfWeekDisabled: "0,6",
            todayHighlight: true
        });
    });
</script>

但由于某种原因,日期选择器没有显示。

奇怪的是,如果我删除 input id="datepicker" 那么日期选择器就会出现,我可以 select 日期并看到它们反映在输入文本框中(这意味着它正在使用 class 日期选择器绑定,但为什么要使用#id 表示法?)HOWEVER,执行此操作时不会呈现选项,即不会忽略第 0 天和第 6 天,位置日期选择器下拉列表的 不在输入元素的底部,今天没有突出显示,并且在日期 selection.

上也没有 "autoclose"

帮忙?

决定直接从链接到此处的 JSFiddle 中复制代码:bootstrap datepicker option doesn't seem work (datepicker by vitalets) 现在可以使用了。原来它不喜欢 orientation:" 选项,删除它解决了问题。不知道为什么这不起作用。