Question

我正在使用这个回购： https://github.com/eternicode/bootstrap-datepicker

我为datepicker选择了我想要的功能并使用了所有正确的库。当我点击框查看图标以显示日历下拉列表时，没有任何反应。使用firefox时，在firebug中没有报告错误。有人可以指出问题是什么吗？

tahnks

btw，在datepicker网站上，我为类型选择了“component”。所以，当我指的是盒装图标时，你知道我在说什么。

以下是代码：

<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>


<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<link id="bsdp-css" href="http://eternicode.github.io/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet">


<script src="http://eternicode.github.io/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

</head>
<body>

<div class="input-group date" style="width:400px;">
<input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>




<script type="text/javascript">
$(function(){
    $('#sandbox-container .input-group.date').datepicker({
    format: "mm/dd/yy",
    minViewMode: 1,
    autoclose: true,
    todayHighlight: true
});
});
</script>
</body>
</html>

Answer 1

选择器“＃sandbox-container”是演示站点中具有“input-group date”类的 DIV 的父节点。您需要在外面添加 DIV 标记。然后可以按下带有glyphicon-th类的 I 标签。请参阅http://jsbin.com/lerojivu/1/edit

Answer 2

两个问题：

datepicker js链接错误，应为：http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js
minViewMode：1可能错误

检查：http://jsfiddle.net/yHQ4t/

$(function(){$('#dateBox').datepicker({
    format: "mm/dd/yy",
    //minViewMode: 1,
    autoclose: true,
    todayHighlight: true
    });
});

twitter bootstrap 3 datepicker在单击日历时不起作用

2 个答案: