高级插件

旋钮输入 http://anthonyterrien.com/knob/

旋钮输入-示例

轻松构建旋钮输入

简单示例

动态输入示例

下拉列表 http://harvesthq.github.io/chosen/

下拉列表插件,基于jQuery

范围滑块 https://github.com/IonDen/ion.rangeSlider

滑块

指定范围内选择

示例1: 设置范围值为0-5000, 后缀 "+" 表示最大值, 设置滑块类型为双向滑动, 人民币符号作为前缀, 开启刻度
示例2: 设置范围值为0-10, 步长: 0.1, 开启刻度
示例3: 设置范围值为-50 ~ +50, 设置初始值为0, 摄氏度符号为后缀,开启刻度
示例4: 使用月份名称作为滑块显示的数值. 月份名称用数组储存. 滑块根据数组的长度自动设置最小最大值的范围, 步长将变为一, 可选择数组中任意一个值
范围滑块 http://refreshless.com/nouislider/

范围滑块

简单示例

指定范围选择

日期选择器 https://github.com/eternicode/bootstrap-datepicker

日期选择器

通过鼠标选择的日期选择器

时间选择器 http://weareoutman.github.io/clockpicker/

时间选择器

日期范围 http://www.daterangepicker.com/

日期范围选择器

一个选择日期范围的JavaScript控件, 基于Boostrap CSS框架

基本示例

日期范围选择器绑定到一个文本输入框。它将使用当前值来初始化,如果选择新的日期,更新输入

全部选项示例

固定格式输入 http://jasny.github.io/bootstrap/

固定格式输入

按指定格式格式化输入文本

999-99-999-9999-9
999 99 999 9999 9
999/99/999/9999/9
192.168.100.200
99-9999999
(999) 999-9999
¥ 999,999,999.99
yyyy-mm-dd
切换开关 http://abpetkov.github.io/switchery/

切换开关

IOS7样式的切换开关



Custom 切换开关

纯CSS3实现的切换开关

拾色器 http://mjolnic.github.io/bootstrap-colorpicker/
普通的16进制颜色
作为部件
支持透明颜色
水平模式
内联模式
Boostrap颜色
Custom小部件
禁用/启用
弹出层
单选复选框

基本

支持使用Bootstrap内置颜色,如:.checkbox-primary, .checkbox-info等。

无文本

行级显示

圆形显示

.checkbox-circle 可实现圆形显示

单选框

支持使用Bootstrap内置颜色,如:.radio-primary, .radio-danger 等。

无文本

行级显示

图片裁剪 http://fengyuanchen.github.io/cropper/

一款简单的jQuery图片裁剪插件

图片裁剪预览

基本用法:

你可以选择新图片上传,然后下载裁剪后的图片

其它用法

您可以使用 $({image}).cropper(options)来配置插件