你的位置:首页 > 软件开发 > Java > bootstrap的时间控件使用(双日历)

bootstrap的时间控件使用(双日历)

发布时间:2017-07-18 12:00:16
这段时间看了下bootstrap的时间控件,发现使用起来还是很简单的,趁着有时间的时候整理了一下,方便自己以后忘记的时候查阅。。。废话不多说先上效果图                    接下来是代码实现第一步当然是导入css、js之类的文件啦<link href ...

bootstrap的时间控件使用(双日历)

  这段时间看了下bootstrap的时间控件,发现使用起来还是很简单的,趁着有时间的时候整理了一下,方便自己以后忘记的时候查阅。。。

废话不多说先上效果图

       bootstrap的时间控件使用(双日历)

        bootstrap的时间控件使用(双日历)     bootstrap的时间控件使用(双日历)

接下来是代码实现

第一步当然是导入css、js之类的文件啦

<link href="assets/css/icons.css" rel="stylesheet" />     后面那个时期样式图片样式<link href="assets/css/bootstrap.css" rel="stylesheet" />    <link href="assets/css/plugins.css" rel="stylesheet" />    日期控件样式<script src='/images/loading.gif' data-original="assets/js/jquery-1.8.3.min.js"></script><script src='/images/loading.gif' data-original="assets/js/bootstrap/bootstrap.js"></script>    <script src='/images/loading.gif' data-original="assets/plugins/core/moment/moment.min.js"></script>    moment是一个JavaScript日期处理类库<script src='/images/loading.gif' data-original="assets/plugins/forms/daterangepicker/daterangepicker.js"></script>    时间范围控件<script src='/images/loading.gif' data-original="assets/plugins/forms/datetimepicker/bootstrap-datetimepicker.min.js"></script><script src='/images/loading.gif' data-original="assets/plugins/forms/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>这个没有用到可忽视

原标题:bootstrap的时间控件使用(双日历)

关键词:时间

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。