引导日期选择器未加载答案

【问题标题】：Bootstrap datepicker not loading引导日期选择器未加载
【发布时间】：2023-03-22 08:07:01
【问题描述】：

我正在尝试设置引导程序日期选择器，但它没有加载。我在 jsfiddle 上设置了一个演示：https://jsfiddle.net/950g0oku/6/

输入字段是

<input id="id_dates-0-starts" class="datepicker field_required" type="text" name="dates-0-starts">

和javascript

$(".datepicker").datepicker();

我希望当我单击日历应显示的框时。从这里使用引导日期选择器https://bootstrap-datepicker.readthedocs.org/en/latest/

【问题讨论】：

您使用哪个日期选择器插件？你需要加入外部资源。
我正在使用引导日期选择器
默认情况下 bootstarp 没有日期选择器组件。你需要为 datepicker 使用插件
在这里查看工作示例jsfiddle.net/950g0oku/10

标签： javascript jquery twitter-bootstrap bootstrap-datepicker

【解决方案1】：

当您想使用bootstrap-datepicker 时，您必须包含库本身。我已经更新了你的示例，所以它可以工作了！

您缺少这些库文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.js"></script>

查看示例：https://jsfiddle.net/950g0oku/8/

【讨论】：