本文将介绍bootstrap3admintemplate的详细情况，。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于100+BestFreeHTML5Boot

本文将介绍bootstrap3 admin template的详细情况，。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于100+ Best Free HTML5 Bootstrap Templates、Adminlte Bootstrap 侧边栏li禁用方法、adminLTE2.4.18 bootstrap3 左侧菜单高亮、boostrap3 bootstrap-datetimepicker.min.js设置中文语言的知识。

• bootstrap3 admin template
• 100+ Best Free HTML5 Bootstrap Templates
• Adminlte Bootstrap 侧边栏li禁用方法
• adminLTE2.4.18 bootstrap3 左侧菜单高亮
• boostrap3 bootstrap-datetimepicker.min.js设置中文语言

bootstrap3 admin template

100+ Best Free HTML5 Bootstrap Templates

Adminlte Bootstrap 侧边栏li禁用方法

<li class="disabled">testtest</li>

    $(".disabled").click(function (event) {
       event.preventDefault();        
    });

<style type="text/css">
    .disabled{
    pointer-events:none; 
    }
</style> 

adminLTE2.4.18 bootstrap3 左侧菜单高亮

adminLTE2.4.18  bootstrap3  左侧菜单高亮 

//菜单
    $(function(){
        console.log(''eeeeeeeeee'');
        $(''.sidebar-menu li:not(.treeview) > a'').on(''click'', function(){
            var $parent = $(this).parent().addClass(''active'');
            $parent.siblings(''.treeview.active'').find(''> a'').trigger(''click'');
            $parent.siblings().removeClass(''active'').find(''li'').removeClass(''active'');
        });

        $(window).on(''load'', function(){
            $(''.sidebar-menu a'').each(function(){
                if(this.href === window.location.href){
                    $(this).parent().addClass(''active'')
                        .closest(''.treeview-menu'').addClass(''.menu-open'')
                        .closest(''.treeview'').addClass(''active'');
                }
            });
        });
    });

boostrap3 bootstrap-datetimepicker.min.js设置中文语言

问题

bootstrap3中使用bootstrap-datetimepicker遇到设置中文语言的问题

解决办法

bootstrap-datetimepicker在使用的时候要先引入momentjs中的moment.js默认显示英文.
想要显示中文可以通过在momentjs下载引用moment-with-locales.min.js来设置语言.
由于moment-with-locales.min.js文件太大，所有选择引入中文语言包github地址

在locale中找到zh-cn.js

<!--bootstrap 时间控件 -->
<link rel="stylesheet" href="bootstrap-timepicker.min.css"/>

<script src="moment.min.js"></script>
<script src="bootstrap-datetimepicker.min.js"></script>
<script src="zh-cn.js"></script>
<script>
  $(''#date-timepicker'').datetimepicker({
        locale: moment.locale(''zh-cn'') //引入中文语言   
        ...
  })
</script>

总结

省略了一些bootstrap主要相关css，js文件，简单记录问题学习，如果问题欢迎指正

今天关于bootstrap3 admin template的讲解已经结束，谢谢您的阅读，如果想了解更多关于100+ Best Free HTML5 Bootstrap Templates、Adminlte Bootstrap 侧边栏li禁用方法、adminLTE2.4.18 bootstrap3 左侧菜单高亮、boostrap3 bootstrap-datetimepicker.min.js设置中文语言的相关知识，请在本站搜索。