引导日期时间选择器安装 [英] bootstrap datetimepicker installation

查看:82
本文介绍了引导日期时间选择器安装的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用引导程序datetimepicker版本3.这里的datetimepicker具有默认的日期和时间.但是在下一版本中,此问题已解决.因此,我将尝试使用Eonasdan引导程序datetimepicker版本v4.为此,我在jsp页面中包含哪些js和css文件?

I am using bootstrap datetimepicker version 3. Here datetimepicker de-faulty taking current date and time. But in next version this problem is resolved. So I will try to use Eonasdan bootstrap datetimepicker version v4. For that what are the js and css files I have include in my jsp page?

推荐答案

检查手动安装指南您必须包括:

  • jQuery
  • Moment.js
  • 引导程序+崩溃+过渡

因此所需的文件为:

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

选中此小提琴以获得有效的示例.

Check this fiddle for a working example.

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();

这篇关于引导日期时间选择器安装的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆