Bootstrap-datepicker无法正确呈现

时间:2014-08-24 19:38:46

标签: twitter-bootstrap bootstrap-datepicker

我搜索并搜索,无法找出我的日期选择器无法正常渲染的原因。视觉格式关闭,事物没有正确对齐,今天的日期没有突出显示,鼠标图标也没有改变到"手"选择器图标。

有什么想法吗?这是我的代码和JSFiddle链接:

HTML

<div class="input-append date input-group" id="dpStartDate" data-date-format="dd-mm-yyyy">
  <input class="form-control" size="16" type="text" value="" readonly> 
  <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>

JS

$('#dpStartDate').datepicker({
autoclose: true,
todayHighlight: true});

JS小提琴:http://jsfiddle.net/tyv2atL7/

1 个答案:

答案 0 :(得分:2)

为了使其工作,你必须在JSFiddle中为Datepicker添加CSS。

只需点击外部资源并插入

即可
http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker3.css

指向JSFiddle

的工作链接