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

旋钮输入

轻松创建旋钮输入

简单示例

动态旋钮输入示例

范围滑块 http://refreshless.com/nouislider/

范围滑块

简单干净的范围选择滑块

简单示例

在指定范围内进行选择示例

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

滑块

在指定范围内选择

示例: 设置值为0-5000,后缀“+”来表示最大值,人民币符号作为前缀,使用刻度
示例: 设置值为0-10,步长:0.1,使用刻度
示例: 设置值微从-50~+50,默认为0, 并使用摄氏度符号作为后缀,使用刻度
示例:使用数组设置滑块值为月数,数组可以使任意长度,滑块将自动适应
日期选择器 https://github.com/eternicode/bootstrap-datepicker

日期选择器

简单好用的日期选择器

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

时间选择

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

下拉选择

这个比较有名气啦,不多说

文件上传 https://github.com/episage/bootstrap-3-pretty-file-upload
固定格式文本 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/

切换按钮01

给复选按钮加上IOS7风格





切换按钮02

使用css3实现的切换按钮

单选复选框

基本

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

无文本

行级显示

圆形显示

.checkbox-circle 可实现圆形显示

单选框

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

无文本

行级显示

拾色器 http://mjolnic.github.io/bootstrap-colorpicker/
图片裁剪 http://fengyuanchen.github.io/cropper/

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

图片预览:

说明:

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

其他说明:

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