仅带按钮的引导日期选择器答案

【问题标题】：Bootstrap datepicker with button only仅带按钮的引导日期选择器
【发布时间】：2015-10-21 18:49:24
【问题描述】：

我正在尝试使用 bootstrap-datepicker 插件来允许用户单击一个按钮，然后在日历上选择一个日期。我无法让日历显示在按钮单击上：

<button class="glyphicon glyphicon-calendar"></button>

$(document).ready(function(){
  $("button").datepicker();
})

$("button").click(function(){
  $("button").datepicker('show');
})

这是一个代码笔：http://codepen.io/cavanflynn/pen/RWxmdK

除非我误读了文档，否则它应该会显示出来。任何帮助，将不胜感激。谢谢

【问题讨论】：

尝试加载稳定的 jQuery 版本（不是 3 alpha）并在 datepicker 之前包含它。
我在我的网站上使用的是稳定版本。那只是 codepen 上的第一个
codepen.io/anon/pen/XmVLWv

标签： javascript jquery twitter-bootstrap datepicker

【解决方案1】：

您以错误的顺序包含项目，首先包含 jQuery，然后是库，因为它依赖于 jQuery（也如上所述使用了稳定版本的 jQuery）。

http://codepen.io/anon/pen/avEgOz

[first]  https://code.jquery.com/jquery-2.1.4.min.js
[second] https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js

【讨论】：