Question

使用Datepicker for Bootstrap官网的插件和例子显示不正常

Bootstrap我使用的是官网最新的v3.0.3版本，但是显示不出日期的样式。用firebug查看Datepicker for Bootstrap官网的例子，发现用的都是Bootstrapv2.0左右的老版本

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<script src="bootstrap/js/booystrap.min.js" type="text/javascript"></script>
<script src="bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('#datetimepicker1').datetimepicker({ language: 'zh-CN', pickTime: false, todayBtn: true, autoclose: true, minView: '2', forceParse: false, format:"yyyy-mm-dd" }); }); </script>
<div class="well"> <div class="input-append date" id="datetimepicker1"> <input data-format="yyyy-MM-dd" type="text" /> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"> </i> </span> </div></div>
怎么才能达到官网的例子效果





Answer 1

目前，bootstrap有两种日历。datepicker和datetimepicker，后者是前者的拓展。对于前者，如果箭头图标不显示，我的解决时，却下载最新的压缩包，放入项目中，确保bootstrap的css和datepicker的css文件引入，还有对应的js文件引入即可。
对于后者，确保上述文件引入的正确的同时（注意是datatimepicker相应的文件），还要有显示图标依赖的less文件dropdowns.less和sprites.less等（在bootstrap的less文件夹中应该都有）。
这样就能显示图标了。

再次申明，boot的datepicker和datetimepicker不同。