引导日期选择器不工作

【问题标题】：Bootstrap Datepicker Not Working引导日期选择器不工作
【发布时间】：2012-10-15 01:18:25
【问题描述】：

我正在尝试让引导日期选择器工作，但它甚至没有出现。
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" />

我正在使用引导程序 2.1.1

【问题讨论】：

将您的代码放入$(document).ready(function(){ // ... })

标签： jquery asp.net twitter-bootstrap datepicker

【解决方案1】：

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

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

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

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

或将此脚本移动到<body> 元素的最末端。

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

【讨论】：

文档加载时加载对象很累，但仍然无法正常工作