引导日期选择器不工作
Posted
技术标签:
【中文标题】引导日期选择器不工作【英文标题】：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() // ... )
【参考方案1】：
当 DOM 中还没有 #datepicker 元素时，您似乎正在尝试初始化日期选择器（对应的 input 跟在 <script> 元素之后，反之亦然）。
由于$('#datepicker') 仍将返回一个jQuery 包装的对象（不是null！），因此不会抛出错误。
要解决此问题，请在加载 DOM 时进行此调用：
$(function()
$('#datepicker').datepicker();
);
或将此脚本移动到<body> 元素的最末端。
我会选择第一个选项；将所有 DOM 就绪的操作也移动到同一个 $(function() ... ); 包装器中。
【讨论】：
文档加载时加载对象很累，但仍然无法正常工作以上是关于引导日期选择器不工作的主要内容，如果未能解决你的问题，请参考以下文章