Question

我想让bootstrap datepicker工作，但它甚至都没有显示出来 http://www.eyecon.ro/bootstrap-datepicker/

<link href="~/Css/datepicker.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.8.1.js" type="text/javascript"></script>
<script src="~/Scripts/bootstrap-datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#datepicker").datepicker();
</script>

<input id="datepicker" value="10/22/2011" />

我正在使用bootstrap 2.1.1

Answer 1

当DOM中没有#datepicker元素时，您似乎正在尝试初始化一个日期选择器（相应的input跟在<script>元素之后，反之亦然）。

由于$('#datepicker')仍会返回一个jQuery包装的对象（不是null！），因此不会抛出任何错误。

要解决此问题，请在加载DOM时进行此调用：

$(function() {
  $('#datepicker').datepicker();
});

或将此脚本移到<body>元素的最后。

我会选择第一个选项;将所有支持DOM的操作也移动到同一个$(function() { ... });包装器中。

Bootstrap Datepicker不起作用

1 个答案: