bootstrap 订阅
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 [1]  国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 [2] 展开全文
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 [1]  国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 [2]
信息
开发商
Twitter
软件授权
美国Twitter公司
软件名称
Bootstrap
更新时间
2019-02-13
软件版本
v4.4.1(稳定版)
软件平台
IE/Chrome/Opera/Firefox/Safari等
软件语言
HTML、CSS、JavaScript
软件大小
713K
Bootstrap版本形态
目前使用较广的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.4.1,4的最新版本是4.4.1 [3]  在2018年1月下旬,Bootstrap团队发布了Bootstrap 4 正式版,4的最主要变化包括以下方面:
收起全文
精华内容
参与话题
问答
  • Bootstrap方法详解——技术与实例

    万次阅读 多人点赞 2016-11-17 14:33:32
    一、Introduction 如果说到Bootstrap你会想到什么?是Twitter推出的那个用于前端开发的开源工具包吗?Unfortunately,本文要讨论的并非是...机器学习中的Bagging,AdaBoost等方法其实都蕴含了Bootstrap的思想...

    一、Introduction

     

    如果说到Bootstrap你会想到什么?是Twitter推出的那个用于前端开发的开源工具包吗?Unfortunately,本文要讨论的并非是Bootstrap工具包,而是统计学习中一种重采样(Resampling)技术。这种看似简单的方法,对后来的很多技术都产生了深远的影响。机器学习中的Bagging,AdaBoost等方法其实都蕴含了Bootstrap的思想。

     

    下面引用的是谢益辉博士关于Bootstrap (和 Jackknife)基本思想的论述,希望能帮助读者对于Bootstrap 建立一个初步的认识:

     

    在统计的世界,我们面临的总是只有样本,Where there is sample, there is uncertainty,正因为不确定性的存在,才使统计能够生生不息。传说统计学家、数学家和物理学家乘坐一列火车上旅行,路上看到草原上有一只黑羊,统计学家说,“基于这个样本来看,这片草原上所有的羊都是黑的”,数学家说,“只有眼前这只羊是黑的”,物理学家则说,“你们都不对,只有羊的这一面是黑的”。这是关于统计和其他学科的一个玩笑话,说明了统计的一些特征,比如基于样本推断总体。

     

    一般情况下,总体永远都无法知道,我们能利用的只有样本,现在的问题是,样本该怎样利用呢?Bootstrap的奥义也就是:既然样本是抽出来的,那我何不从样本中再抽样(Resample)?Jackknife的奥义在于:既然样本是抽出来的,那我在作估计、推断的时候“扔掉”几个样本点看看效果如何?既然人们要质疑估计的稳定性,那么我们就用样本的样本去证明吧。

     

    John Fox的那一系列附录中有一篇叫“Bootstrapping Regression Models”,当我看到第二页用方框框标出那句话时,我才对Bootstrap的思想真正有了了解(之前迷茫了很长时间)。Bootstrap的一般的抽样方式都是“有放回地全抽”(其实样本量也要视情况而定,不一定非要与原样本量相等),意思就是抽取的Bootstrap样本量与原样本相同,只是在抽样方式上采取有放回地抽,这样的抽样可以进行B次,每次都可以求一个相应的统计量/估计量,最后看看这个统计量的稳定性如何(用方差表示)。Jackknife的抽样痕迹不明显,但主旨也是取样本的样本,在作估计推断时,每次先排除一个或者多个样本点,然后用剩下的样本点求一个相应的统计量,最后也可以看统计量的稳定性如何。

     

    在R中简单随机抽样的函数是sample(),其中有个参数replacement表示是否放回,经典的抽样基本都是不放回(replace = FALSE),而Bootstrap则是replace = TRUE;从FALSE到TRUE,小小的一个变化,孕育了Bootstrap的经典思想。

     

    统计推断是从样本推断相应的总体, 有参数法和非参数法。早期的统计推断是以大样本为基础的。自从英国统计学家威廉·戈塞特(Willam Gosset)在1908年发现了t分布后,就开创了小样本的研究。费希尔(Fisher)在1920年提出了似然(likelihood)的概念,一直被认为是高效的统计推断思维方法。半个多世纪以来,这种思维一直占有主导地位,统计学家研究的主流就是如何将这种思维付诸实践,极大似然函数的求解是这一研究的关键问题。

    当今计算机技术的高度发展,使统计研究及其应用跃上了一个新台阶。这不仅提高了计算的速度,而且可以把统计学家从求解数学难题中释放出来,并逐渐形成一种面向应用的、基于大量计算的统计思维——模拟抽样统计推断, Bootstrap 法就是其中的一种。

    Bootstrap方法最初由美国统计学家、斯坦福大学教授Bradley Efron在1977年提出。Bradley Efron曾任国际数理统计学会和美国统计协会主席。他还是Robert Tibshirani的博士导师,Robert Tibshirani发明了著名的LASSO方法。

    作为一种崭新的增广样本统计方法,Bootstrap方法为解决小规模子样试验评估问题提供了很好的思路。当初,Efron教授将他的论文投给了统计学领域的一流刊物《The Annals of Statistics》,但在被该刊接受之前,这篇后来被奉为扛鼎之作的文章曾经被杂志编辑毫不客气地拒绝过,理由是“太简单”。从某种角度来讲,这也是有道理的,Bootstrap的思想的确再简单不过,但后来大量的事实证明,这样一种简单的思想却给很多统计学理论带来了深远的影响,并为一些传统难题提供了有效的解决办法。Bootstrap方法提出之后的10年间,统计学家对它在各个领域的扩展和应用做了大量研究,到了20世纪90年代,这些成果被陆续呈现出来,而且论述更加全面、系统。

    很多人会对Bootstrap这个名字感到困惑。英语Bootstrap的意思是靴带,来自短语:“pull oneself up by one′s bootstrap”,18世纪德国文学家拉斯伯(Rudolf Erich Raspe)的小说《巴龙历险记(或译为终极天将)》(Adventures of Baron Munchausen) 记述道:“巴龙掉到湖里沉到湖底,在他绝望的时候,他用自己靴子上的带子把自己拉了上来。”现意指不借助别人的力量,凭自己的努力,终于获得成功。在这里“bootstrap”法是指用原样本自身的数据抽样得出新的样本及统计量,根据其意现在普遍将其译为“自助法”。

     

    二、Explanation

     

    Bootstrap法是以原始数据为基础的模拟抽样统计推断法,可用于研究一组数据的某统计量的分布特征,特别适用于那些难以用常规方法导出对参数的区间估计、假设检验等问题。其基本思想是:在原始数据的范围内作有放回的再抽样, 样本容量仍为n,原始数据中每个观察单位每次被抽到的概率相等, 为1/n , 所得样本称为Bootstrap样本。于是可得到参数θ的一个估计值θ^(b),这样重复若干次,记为B 。

     

    设随机样本 X = [x1, x2,...,xn]是独立同分布样本xi~F(x), i = 1, 2,..., n。R(X, F)为某个预先选定的随机变量, 是关于X和F的函数。现要求根据观测样本[x1, x2,...,xn]来估计R(X, F)的分布特征。例如,设θ = θ(F)为总体分布F的某个参数,Fn是观测样本X的经验分布函数(如果你不了解什么是“经验分布函数”可以参考http://blog.csdn.net/baimafujinji/article/details/51720090), θ的估计,记估计误差为

       (1)

    现要由观测样本X =[x1, x2,...,xn]估计R(X, F)的分布特征,Bootstrap方法的实质就是一个再抽样过程,计算R(X, F)分布特征的基本步骤归纳如下:
    1)根据观测样本X =[x1, x2,...,xn]构造经验分布函数Fn;
    2)从Fn中抽取样本,称其为Bootstrap样本;
    3)计算相应的Bootstrap统计量R*(X*,Fn),其表达式为

       (2)

    式中是Bootstrap样本的经验分布函数;Rn为Tn的Bootstrap统计量;

     

    4)重复过程2)、3)N次,即可获得Bootstrap统计量R*(X*,Fn)的N个可能取值;
    5)用R*(X*, Fn)的分布去逼近R(X, F)的分布, 即用Rn的分布去近似Tn的分布,可得到参数θ(F)的N个可能取值,即可统计求出参数θ的分布及其特征值。

     

    由Bootstrap方法的实现步骤可以看出:

    1)Rn的统计特性是基于经验分布函数得到的,Tn的统计特性是通过真实分布函数F描述的;

    2)Bootstrap方法的一个重要环节就是计算自助统计量Rn的分布;

    3)Bootstrap方法的核心思想是利用自助统计量Rn的统计特性来近似Tn的统计特性,因此,Bootstrap方法的效果好坏在很大程度上取决于这二者的近似程度;

    4)由式(1)可以看出,Tn的统计特性决定于θ(F)的统计特性。对于某个具体的分布F而言,θ(F)是一个确定的值,因此,Tn的统计特性取决于的统计特性;

    5)由式(2)以及Bootstrap方法的抽样过程可以看出,Rn的统计特性近似于一个N(0,σ^2) 的正态分布。因此,Rn近似Tn的程度主要取决于近似θ(F)的程度。对于大样本而言,Rn与Tn的统计特性有良好的相似性。但对于小子样特别是极小子样的情况下,二者之间的差异却是不可忽略的。

     

    以Bootstrap方法获取正态分布均值的先验分布为例研究Rn的统计特性。已知观测样本数据 X = [x1, x2, ..., xn], xi~N(μ,σ^2),i = 1, 2, ..., n,则X = [x1, x2, ..., xn]的经验分布(这里考虑参数Bootstrap方法)Fn也是一正态分布
    其中,

       (3)

    用经验分布Fn的均值来估计μ, 则有估计误差, 构造的Bootstrap统计量, 其中

     

     

     

     

    三、Application

     

    文献【5】中给出了22例胎儿受精龄(Y,周)与胎儿外形测量指标:身长(X1,cm),头围(X2,cm),体重(X3,g),数据列于表1。

     

    很容易算得三个指标的平均值向量为:X = (33.0455, 23.2636, 936.9091) ---------(2)

    协方差矩阵为

    ---------(3)

    对其进行主成分分析,得3个特征根分别为:λ1 = 2.92613, λ2 = 0.07140, λ3 = 0.00247。我们用bootstrap 法来估计第一特征根的标准差及置信区间。

     

    首先在22个个体中作有放回的抽样,每个个体被抽中的概率为1/22,抽样次数仍为n=22,这可以用计算机产生1~22的均匀分布的随机数,相应的编号即为抽中的个体,由这些个体组成的样本就是一个bootstrap样本。如第一
    次我们得到22个随机数为:10, 20, 3, 19, 12, 2, 3, 2, 5, 20, 8, 13, 12, 18, 17, 22, 2, 1, 19, 7, 8, 13。由对应的bootstrap 样本求得

    如此重复B次(B分别取50, 100, 200, 500, 800, 1000),得

    的频数分布可知,其分布是偏态的。故以上、下2.5%分位数作为其95%置信区间。结果列于附表前半部分。由此得到λ1 的置信区间, 如B = 1000 时, 其95%的置信区间为:2.8919~ 2.9672, 其标准误为0.01946。在整个计算过程中, 只是重复地抽样, 重复地计算λ1, 根据其频数分布的分位数即得到了其置信区间, 无需繁杂的数学推导。事实上,小样本时主成分的置信区间尚无理想的计算方法。

    在这里, 来自未知总体F 的原样本被视为经验分布Fe,Bootstrap是在经验分布的基础上作有放回的抽样, 由于Fe 是F 的非参数估计,故由此产生的方法称为非参数的bootstrap , 相应的估计量称为非参数的bootstrap统计量。

     

    事实上, bootstrap亦可以从参数的角度考虑。如上例, X = (X1 , X2 , X3) ,此时设经验分布Fp 是以式(2)为均向量、式(3)为协方差阵的3元正态分布。此时的Bootstrap的样本是从Fp中而不是从Fe (样本)中随机产生,其余步骤相同。由于此时Fp 是F 的一个参数估计,则该法称为参数的bootstrap,相应的估计称为参数的bootstrap估计。结果列于附表后部分。B = 1000时,其95% 的置信区间为: 2. 8431~ 2. 9705,其标准误为0. 03495。

     

     

    -----------------------------------------------------------------------

    本文主要根据以下文献整理而成

     

    [1] 谢益辉,我的一些统计方法观,http://cos.name/2008/11/outlook-on-statistical-methods/,2007-01-27

    [2] 谢益辉,朱钰,Bootstrap方法的历史发展和前沿研究,统计与信息论坛,2008年2月,第23卷,第2期

    [3] 陈峰,陆守曾,杨珉,Bootstrap估计及其应用,中国卫生统计,1997年,第14卷,第5期

    [4] 刘伟,龙琼,陈芳,付敏,Bootstrap方法的几点思考,飞行器测控学报,2007年10月,第26卷,第5期

    [5] 陈峰,主成分回归分析,中国卫生统计,1991年,第8卷,第1期

    展开全文
  • bootstrap自定义样式-bootstrap侧边导航栏的实现

    万次阅读 多人点赞 2017-07-25 11:40:18
    使用bootstrap响应式使用工具类 visible-sm visible-xs hidden-xs hidden-sm等对不同屏幕适配 3. 侧滑栏的侧滑效果不使用jquery方法来实现,使用的是css3 transforms属性进行div的移动,侧滑的动画效果使用的是...

    bootstrap侧边导航栏实现原理

    1. 侧滑栏使用定位fixed
    2. 使用bootstrap响应式使用工具类 visible-sm visible-xs hidden-xs hidden-sm等对不同屏幕适配
    3. 侧滑栏的侧滑效果不使用jquery方法来实现,使用的是css3 transforms属性进行div的移动,侧滑的动画效果使用的是css属性transition
    4. 缺点:使用两套菜单,一套是pc端屏幕显示的菜单,一套是移动端显示的手机导航菜单,这个缺点比较明显,生成无关的标签,优点代码少,简单容易接受

    效果图

    bootstrap侧边导航栏
    这里写图片描述

    bootstrap导航栏布局

        <!--手机导航栏-->
        <div id="mobile-menu" class="mobile-nav visible-xs visible-sm">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">Java</a></li>
                <li><a href="#">SVN</a></li>
                <li><a href="#">iOS</a></li>
            </ul>
        </div>
        <!--pc导航栏-->
        <nav class="navbar-inverse visible-lg visible-md" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">菜鸟教程</a>
                </div>
                <div>
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">iOS</a></li>
                        <li><a href="#">SVN</a></li>
                        <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Java</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!--手机导航栏侧滑-->
        <div class="nav-btn visible-xs visible-sm">
            <a href="#" class="mobile-nav-taggle" id="mobile-nav-taggle">
                <span class="glyphicon glyphicon-align-justify"></span>
            </a>
        </div>
    

    一个导航栏的布局,用了两个导航菜单,一个是pc端的,一个是手机端,利用bootstrap响应式使用工具类visible-xs visible-sm来实现pc端隐藏切换按钮; visible-lg visible-md 实现了pc端显示导航栏;visible-xs visible-sm实现手机端显示手机导航栏。
    bootstrap响应式工具类详见:https://www.runoob.com/bootstrap/bootstrap-responsive-utilities.html

    css实现布局和侧滑效果(侧滑的关键css3属性transform、transition)

    代码不多,仅仅10行

             * {margin:0;padding:0;}
             #mobile-menu {position:fixed;top:0;left:0;width:220px;height:100%;background-color:#373737;z-index:9999;}
             a:hover ,a:focus{text-decoration:none}
            .mobile-nav ul li a {color:gray;display:block;padding:1em 5%;    border-top:1px solid #4f4f4f;border-bottom:1px solid #292929;transition:all 0.2s ease-out;cursor:pointer;#mobile-menu {position:fixed;top:0;left:0;width:220px;height:100%;background-color:#373737;z-index:9999;transition:all 0.3s ease-in;}}
            .mobile-nav ul li a:hover {background-color: #23A1F6;color: #ffffff;}
            .show-nav {transform:translateX(0);}
            .hide-nav {transform:translateX(-220px);} /*侧滑关键*/
            .mobile-nav-taggle {height:35px;line-height:35px;width:35px;background-color:#23A1F6;color:#ffffff;display:inline-block;text-align:center;cursor:pointer}
            .nav.avbar-inverse{position:relative;}
            .nav-btn {position:absolute;right:20px;top:20px;}
    

    要值得注意的是css3的两个属性:
    transform:旋转div,支持元素2D或3D旋转,属性值translateX(X)就是在X轴上移动Xpx的距离
    http://www.w3school.com.cn/cssref/pr_transform.asp
    而侧滑的动画效果是使用transition属性,设置属性的过渡动画的效果,语法
    transition: property duration timing-function delay;
    http://www.w3school.com.cn/cssref/pr_transition.asp

    单击事件切换侧滑

            $("#mobile-nav-taggle").click(function () {
                var mobileMenu = $("#mobile-menu");
                if (mobileMenu.hasClass("show-nav")) {
                    setTimeout(function () {
                        mobileMenu.addClass("hide-nav").removeClass("show-nav");
                    }, 100)
                }
                else {
                    setTimeout(function (){
                        mobileMenu.addClass("show-nav").removeClass("hide-nav");
                    }, 100)
                }
            })
    

    总结

    不推荐用两个菜单导航栏,缺点很明显,为了实现效果而已,不要介意,其实用一个菜单导航栏也是可以实现,试试media 完全可以实现。
    代码下载:http://download.csdn.net/detail/kebi007/9909725
    作者:张林
    标题:bootstrap自定义样式-bootstrap侧边导航栏的实现
    原文地址:http://blog.csdn.net/kebi007/article/details/76038251
    转载随意注明出处

    有兴趣的可以关注一下我的微信公众号[dotNet全栈开发],分享一些编程相关的经典文章
    在这里插入图片描述

    展开全文
  • $('#requirementCaseTable').bootstrapTable({ cache: false, pageList: [10,15,20,30,50], pagination: true, sidePagination: 'server', //sidePag...
     $('#requirementCaseTable').bootstrapTable({
                cache: false,
                pageList: [10,15,20,30,50],
                pagination: true,
                sidePagination: 'server',
                //sidePagination: 'client',
              //  queryParamsType: queryParams,
               queryParams :queryParams,
                //queryParamsType: 'limit',
                striped : true,
                pageNumber:1,
                pageSize:15,
                //pageSize:9999,
                //limit:20,
                idField:"id",
                search: true,
                undefinedText:"",
                showRefresh: true,
                url: '/testPlan/getRequireMentPageList',
                columns: [ 
             	{   field:'CaseNo',
                	title:'用例编号',
                	visible:true,  
      /*               formatter:function(value,row,index){
                        //通过formatter可以自定义列显示的内容
                        //value:当前field的值,即id
                        //row:当前行的数据
                    	value='<a href="/testPlan/getCaseIndex?id='+row.id+'"'+">"+value+"</a>";
                    	return value
                    } */
                }, {
                	field:'summary',
                	title:'标题',
                	visible:true,
                },  {
                	field:'caseType',
                	title:'类型',
                	visible:true,
                },  {
                	field:'create_by',
                	title:'创建人',
                	visible:true,
                } 
           /*       {
                    field: 'operation',
                    title: '操作',
                	formatter : function(cell, row, index) {
    					btnEdit = '<a class="btn-warning btn-sm"   href="/testPlan/editSkip?id='+row.id+'">编辑</a>';					
    					btnDetail = '<a class="btn-primary btn-sm"   href="/testPlan/getRecordById?id='+row.id+'">查看</a>';					
    					btnDel = '<button type="button" class="btn btn-danger btn-xs" onclick="deleteCase('+row.id+')">删除</button>';
    					btnStatistics= '<a class="btn-primary btn-sm" href="/testPlan/getTestPlanReport?id='+row.id+'">结果统计</a>';
    					btnCaseAssociation= '<button type="button" class="btn-success  btn-xs" onclick="caseAssociation('+row.id+')">关联用例</button>';
    					cell =btnEdit+btnDetail+btnDel+btnCaseAssociation+btnStatistics;
    					return cell;
    				},
                } */],
            });
    	});

    其中queryParams为参数设置的函数,function方法如下:

    //得到查询的参数
     function queryParams(params) {
          var temp = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
             // limit: params.limit,   //页面大小
              offset: params.offset,  //页码
              pageSize:this.pageSize,
              pageNumber:this.pageNumber,
              projectId: $("#projectId").val(),
              requirement_Id:$("#requirement_Id").val(),
              length: 6
          };
          return temp;
      };
    

     注意:如果要想传递自己需要的参数,就一定要用这种格式!不能使用下面这样的格式:

    /* function queryParams(pageRequest) {
    	pageRequest.offset = pageRequest.offset;
    	pageRequest.pageSize = this.pageSize;
    	pageRequest.pageNumber = this.pageNumber;
    	pageRequest.projectId=3241651655488231;
    	pageRequest.requirement_Id="KHGX-188511";
    	pageRequest.length = 6;
    	return pageReqeust;
    } */

    这种格式只能取到pageSize,pageNumber、length,offset的值。自定义的projectId,requirement_Id的值时获取不到的!

    展开全文
  • bootstrap datetimepicker 日期插件超详细使用方法

    万次阅读 多人点赞 2017-08-13 15:00:50
    目前,bootstrap有两种日历。datepicker和datetimepicker,后者是前者的拓展。 Bootstrap日期和时间组件: 使用示例: 从左到右依次是十年视图、年视图、月视图、日视图、小时视图 使用时需要导入相应的CSS和...

    日期时间选择器

    目前,bootstrap有两种日历。datepicker和datetimepicker,后者是前者的拓展。

    Bootstrap日期和时间组件:

    使用示例:

    从左到右依次是十年视图、年视图、月视图、日视图、小时视图

    使用时需要导入相应的CSS和js文件:

     

    可选的日期格式:

    • yyyy-mm-dd
    • yyyy-mm-dd hh:ii
    • yyyy-mm-dd hh:ii:ss

     

    HTML部分代码:

    <div class="form-group">
                    <label for="dtp_input1" class="col-md-2 control-label">DateTime Picking</label>
                    <div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                        <input class="form-control" size="16" type="text" value="" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                    </div>
                    <input type="hidden" id="dtp_input1" value="" /><br/>
                </div>
     

    JS部分代码:

    $('.form_datetime').datetimepicker({
            weekStart: 0, //一周从哪一天开始
            todayBtn:  1, //
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });

    选项:

    weekStart

    Integer. 默认值:0

    一周从哪一天开始。0(星期日)到6(星期六)

    startDate

    Date. 默认值:开始时间

    endDate

    Date. 默认值:结束时间

    autoclose

    Boolean. 默认值:false

    当选择一个日期之后是否立即关闭此日期时间选择器。

    startView

    Number, String. 默认值:2, 'month'

    日期时间选择器打开之后首先显示的视图。 可接受的值:

    • 0 or 'hour' 为小时视图
    • 1 or 'day' 为天视图
    • 2 or 'month' 为月视图(为默认值)
    • 3 or 'year'  为年视图
    • 4 or 'decade' 为十年视图

    todayBtn

    Boolean, "linked". 默认值: false

    如果此值为true 或 "linked",则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话,"Today" 按钮仅仅将视图转到当天的日期,如果是"linked",当天日期将会被选中。

    todayHighlight

    Boolean. 默认值: false

    如果为true, 高亮当前日期。

    keyboardNavigation

    Boolean. 默认值: true

    是否允许通过方向键改变日期。

    日期时间选择器提供了键盘导航:

    up, down, left, right 方向键

    这些方向键中,left/right 向后/向前 一天,up/down 向后/向前 一周。

    配合shift键,up/left 向后退一个月,down/right 向前进一个月。

    配置ctrl键,up/left 向后退一年,down/right 向前进一年。

    Shift+ctrl 和 ctrl 同等效果 - 也就是说,他们不能同时改变月和年,只能单独改变年。

    language

    String. 默认值: 'en'; 可以通过导入对应语言的js文件来设置语言

    forceParse

    Boolean. 默认值: true

    当选择器关闭的时候,是否强制解析输入框中的值。

     方法:

    .datetimepicker(options)

    初始化日期时间选择器。

    remove

    参数: None

    移除日期时间选择器。同时移除已经绑定的event、内部绑定的对象和HTML元素。

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

    show

    参数: None

    显示日期时间选择器。

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

    hide

    参数: None

    隐藏日期时间选择器。

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

    update

    参数: None

    使用当前输入框中的值更新日期时间选择器。

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

    setStartDate

    参数:

    • startDate (String)

    给日期时间选择器设置一个新的起始日期。

    $('#datetimepicker').datetimepicker('setStartDate', '2012-01-01');

    setEndDate

    参数:

    • endDate (String)

    给日期时间选择器设置结束日期。

    $('#datetimepicker').datetimepicker('setEndDate', '2012-01-01');
    
     
    
     
    
     
    ________________________________________________________________
    附另一种简单好用的日历插件
    
     

    关于日历插件使用说明

    本插件仅需要引入一个js文件,外加部分css样式(也可以不引入),以及input标签

    一、解压后框架如图所示

     

    二、打开test.html文件部署到项目中去,将laydate整个文件夹都放入项目,(一定要把laydate放入整个项目中,不用单独只放js文件,不然不会有效果,里面的文件也不需要删除)如图为页面需要引入的文件

     

    三、界面如下,点击input框日历自己会弹出,简洁美观

     

    下载地址:http://www.layui.com/laydate/

    最后进入网址点击下载即可,更多功能在此官方网站上获取

    展开全文
  • 引入Bootstrap方法

    万次阅读 2017-01-16 14:17:41
    如果你是一名web前端开发工程师或者网页设计师,那么肯定对Bootstrap这个框架早有耳闻,甚至一些web后端工程师也会常常借助Bootstrap的力量来构筑自己心目中理想的web应用。 而在去年年底推出的Bootstrap3更是追随...
  • Bootstrap File Input,最好用的文件上传组件

    万次阅读 多人点赞 2016-01-29 16:33:22
    本篇介绍如何使用bootstrap fileinput.js(最好用的文件上传组件)来进行图片的展示,上传,包括springMVC后端文件保存。
  • BootStrap Table:事件、方法、多语言

    万次阅读 多人点赞 2018-06-12 00:36:20
    官方文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/事件对BootStrap Table事件进行处理有以下两种语法:$('#table').bootstrapTable({ onEventName: function (arg1, arg2, ...) { // ....
  • 统计学中的Bootstrap方法介绍及其应用

    万次阅读 多人点赞 2018-01-25 15:34:42
    最近的论文写作中,需要用到Bootstrap方法,即所谓的“自举法”、“靴带法”。Bootstrap在英语中作为一个名词的话,其的意思是“拔靴带”,也就是通过自身的 力量,自己把自己抬起来。注意这个限定——“通过自身的...
  • Bootstrap是现代统计学较为流行的一种统计方法,在小样本时效果很好。机器学习中的Bagging,AdaBoost等方法其实都蕴含了Boostrap的思想,在集成学习的范畴里 Bootstrap直接派生出了Bagging模型 子样本之于样本,...
  • bootstrap简介

    万次阅读 热门讨论 2015-01-17 16:49:43
    1.1. 什么是 BootstrapBootstrap 是一个用于快速开发 Web应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 1.2. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 JacobThornton 开发的...
  • netty Bootstrap connect方法

    千次阅读 2018-12-14 15:19:01
    connect方法调用如下方法,值得分析 private ChannelFuture doResolveAndConnect(final SocketAddress remoteAddress, final SocketAddress localAddress) { final ChannelFuture regFuture = initAndRegister();...
  • Bootstrap重抽样方法

    千次阅读 2019-11-10 18:33:05
    Bootstrap重抽样方法 非参数重抽样 Non-parametric resampling 此方法不假设数据的分布或模型。数据表示为n个独立观测向量yobsy_{obs}yobs​, 假设求参数的参数θ^(yobs)\hat{\theta}(y_{obs})θ^(yobs​)的置信区间...
  • Bootstrap Table 刷新方法

    万次阅读 2018-04-04 09:21:16
    更详细的方法, 可以看文档. 网友转译的中文文档: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
  • Bootstrap 标签页Tab插件使用方法

    千次阅读 2018-03-13 10:39:13
    标签页Bootstrap标签页Tab插件需要 bootstrap-tab.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-tab.js 文件。调用方式1、data 属性调用使用data 属性调用,无需编写任何JavaScript代码,只需定义...
  • bootStrap table的方法

    千次阅读 2020-03-04 14:39:41
    { field : 'checked', checkbox : true, //跟据返回每行的数据 formatter :function(value,row,index){ return row.id; } }, //获取选中的数据 var ids = $('#tree_table') .bootstrapTable('getAll...
  • Bootstrap FileInput参数方法

    千次阅读 2018-10-13 10:52:39
    https://blog.csdn.net/Daniel_LiXuan/article/details/76066470 链接
  • Bootstrap分页使用方法

    千次阅读 2017-01-16 15:22:53
    默认Bootstrap分页样式 这是默认的Bootstrap分页组件样式,效果简洁直观,如果想要符合自己的项目需求,可以将高亮颜色改为自己想要的颜色,其他样式直接引用即可,编写代码如下: class="pagination"> «...
  • Bootstrap图标引用方法

    千次阅读 2017-01-16 14:44:59
    Bootstrap图标集,Glyphicons图标 Bootstrap的图标组件并非自己制作的,...Glyphicons组件使用起来相当方便快捷,你可以参考Bootstrap图标引用样式,使用方法也相当简单,类似以下代码即可: class="glyphicon g
  • bootstrap tooltip使用方法

    千次阅读 2013-08-09 21:11:45
    Tooltip必须要通过js初始化方能使用,在Jquery中代码如下: $('.tooltip-check').mouseover(function() { $(this).tooltip('show') }) $('.tooltip-check').mouseout(function() { $(this).tooltip('hide')
  • bootstrap modal使用方法

    千次阅读 2014-01-21 20:09:50
    Bootstrap的按钮插件(bootstrap-button.js)实际上是为用户提供了一种控制按钮状态的方法,通过状态的不同起到提示作用。这种状态包括按钮的显示文字和背景。针对这俩种状态Bootstrap分别提供了创建的方式及配套的一...
  • webpack引入jquery以及bootstrap方法

    万次阅读 2017-07-29 16:17:24
    安装jQuery npm install jquery --save-dev ...由于 Bootstrap 依赖于 jQuery,所以在代码中 import jQuery from ‘jquery’ 是不够的,这只是解决了自己代码对 jQuery 的依赖,在此处使用了webpack...
  • 本篇推荐一款twitter做的bootstrapValidator.js(最好用的bootstrap表单验证插件,没有之一),本身bootstrap就是twitter做的,那么使用原配的validator也就更值得信赖。
  • angular使用bootstrap方法手动启动

    千次阅读 2016-08-29 11:37:56
    要启动一个angular应用,可以使用ng-app指令,也可以调用bootstrap方法手动启动。先看一下angular的bootstrap方法。 angular.bootstrap(element, [modules], [config]); element(必需)。要启动angular的根节点...
  • $('#table').bootstrapTable({ //数据来源的网址 url:'/index.xhtml', method: 'post', editable:true,//开启编辑模式 clickToSelect: true, showPaginationSwitch:true, //显示分页切换...
  • 1.下载文档 http://www.bootcss.com/p/bootstrap-datetimepicker/...bootstrap.min.css" rel="stylesheet"&gt; &lt;link href="bootstrap-datepicker3.min.css" rel="styles...
  • pycharm使用bootstrap组件方法

    千次阅读 2019-06-13 20:27:00
    ok,最近一直在用的编辑器是pycharm2019.1的 体验感还是就是...今天给大家带来使用方法 安装插件 pip install django-bootstrap3 在项目settings.py上的INSTALLED_APPS中加入 'bootstrap3,' 在模版中,加载b...
  • 弹出提示插件需要 bootstrap-popover.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-popover.js 文件。使用方法你可以给任何元素添加弹出提示,并通过 title 属性定义提示的标题,通过 data-content...
  • BootstrapTable自定义ajax方法

    万次阅读 2018-11-17 19:18:24
    bootstrapTable可以自定义ajax方法,通过ajax请求获得数据返回展示在bootstrapTable表格中,这种方式我自认为比较简单常用。本篇还加了简单增删改操作,获得表格选中的数据,以及按钮可用与否。这些比较常用。 ...

空空如也

1 2 3 4 5 ... 20
收藏数 116,495
精华内容 46,598
关键字:

bootstrap