引导日期时间选择器安装

Question

我正在使用引导程序 datetimepicker 版本 3。这里 datetimepicker 默认采用当前日期和时间。但在下一个版本中，这个问题得到了解决。所以我会尝试使用 Eonasdan bootstrap datetimepicker version v4。为此，我的 jsp 页面中包含哪些 js 和 css 文件？

Answer 1

查看手动安装指南here。

您必须包括：

• jQuery
• Moment.js
• 引导 + 折叠 + 过渡

所以需要的文件是：

• bootstrap.min.js
• bootstrap.min.css
• moment-with-locales.js
• bootstrap-datetimepicker.css
• bootstrap-datetimepicker.js

查看此fiddle 以获取工作示例。

HTML：

<br/>
<!-- padding for jsfiddle -->
<div class="row">
    <div class="col-md-12">
         <h6>datetimepicker1</h6>

        <div class="form-group">
            <div class="input-group date" id="datetimepicker1">
                <input type="text" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
            </div>
        </div>
    </div>
</div>

JS：

$('#datetimepicker1').datetimepicker();