Bootstrap
ywb201314
兵法有言,知己知彼,百战不殆
展开
-
bootstrap-datetimepicker 配置全面指南 ( version : 4.17.47 )bootstrap-datetimepicker
bootstrap-datetimepickerhttps://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/src/js/bootstrap-datetimepicker.js $.fn.datetimepicker.defaults = { timeZone: '', format: false, dayViewHeaderFormat: 'MMMM YYYY',转载 2020-09-24 16:32:01 · 1001 阅读 · 0 评论 -
日期时间范围选择插件:daterangepicker使用总结(必看篇)
项目中要使用日期时间范围选择对数据进行筛选;精确到年月日 时分秒;起初,使用了layui的时间日期选择插件;但是在IIE8第一次点击会报设置格式错误;研究了很久没解决,但能确定不是layui的问题;因为自己写的demo可以在IE8运行;只是在我的项目环境下某些代码冲突了;所以换用了bootstrap插件daterangepicker;看了很多资料;结合官网了文档;基本算是搞定了;把我的总结代码分享给大家;希望对使用daterangepicker插件的初学者有帮助。总结分为四个部分:日期范围选择实现,日期转载 2020-09-24 16:04:43 · 4326 阅读 · 0 评论 -
bootstrap-datetimepicker当隐藏时间选择器时触发hide事件
在开发过程中我们时常用到时间选择器,bootstrap-datetimepicker无疑是当下使用比较多的时间选择插件。在项目开发中遇到如下需求: 根据给定的起始时间及结束时间自动生成天数或小时数bootstrap-datetimepicker提供了hide事件!if (!ace.vars['old_ie']) $('#startTime1').datetimepicker({ format: 'YYYY-MM-DD HH:mm',//use this opti.转载 2020-09-24 15:42:22 · 837 阅读 · 0 评论 -
daterangepicker与vue集成,vue无法获得日期控件时间的修改解决方法
在后端管理项目中使用vue来进行前端项目的开发,但我们都知道Vue实际上无法监听由第三方插件所引起的数据变化。也无法获得JQuery这样的js框架对元素值的修改的。而日期控件daterangepicker又基于JQuery来实现的。因此,在实践中会出现在日期控件中点击修改了日期,而无法通过vue来获得对应的值。下面来说一下其中一种解决方案:主动触发Event事件。以下为相关内容的部分代码。首先引入日期控件daterangepicker相关依赖的js和css。<script type=转载 2020-09-24 15:11:16 · 571 阅读 · 0 评论 -
col-md-push-*和col-md-offset的区别?
实现方式的区别:col-md-offset-*,是利用margin-left实现的,col-md-push-*/col-md-pull-*是利用相对定位实现的。效果的区别,col-md-offset-*只能向右便宜,因为实现方式就是margin-left,而push/pull因为是相对定位,既可以左偏移也可以右偏移还有一点,如果一行的偏移量+实际的宽度综合超过12,col-md-offset会换行显示,也是因为margin,而push/pull只会一部分不可见(超出容器),因为是相对自身定位。从转载 2020-09-24 13:36:14 · 333 阅读 · 0 评论 -
Bootstrap中data-target 到底是什么
data-target 与data-toggle 还有data-spy 文档总是给人一种很突兀的方式给出来,然后又没有好好解释或者是我看的不够仔细?html5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用:【1.】在CSS中作标签选择器用。如转载 2016-04-22 15:59:50 · 13763 阅读 · 0 评论 -
select2用法总结
Select2是什么Select2是一款可以对HTML的标签进行功能优化的jQuery插件,支持对列表进行检索,从远程数据源获取列表项等各种功能.官网文档在此:https://select2.github.io代码示例示例1.从数组中获取列表项且支持搜索前端代码:html>head> script src="http://lib.sin转载 2017-03-10 14:28:51 · 4123 阅读 · 1 评论 -
使用Bootstrap+metisMenu完成简单的后台管理界面
零. 写在前面作者最近在一个小项目中需要写后台管理界面,在互联网上绕了一圈,最后决定使用Bootstrap+metisMenu来完成。理由1:Bootstrap是目前流行的前端框架,风格简约,简单易用。理由2:metisMenu是轻量级的导航栏jQuery插件,同样简约,使用方便,易上手。一. 什么是metisMenu?今天的文章是介绍如何使用Bootstrap+metis转载 2018-03-16 15:21:42 · 861 阅读 · 0 评论