高级插件

Knob input http://anthonyterrien.com/knob/

Knob - Dial

轻松创建knob输入框。

简单的 knob 例子

动态的 knob 例子

选择下拉框http://harvesthq.github.io/chosen/

用户可以快速在选择下拉框中选择。

基本实例

多项选择下拉框

Range Slider https://github.com/IonDen/ion.rangeSlider

Sliders

是完美的范围选择框选项。

例如: 使用网格建立0到5000的和谐音，加上后缀“+”，设置双式滑块，美元符号作为前缀

E例如: 使用网格建立从0到10的和谐音，分数步值：0.1

例如: 建立- 50 + 50的和谐音，设置值为0，添加度符号作为后缀

例如:自定义改变普通的滑块号码（月名）。使用值数组。数组可以是任何长度，滑块会改变最大和最小的数，自动拟合成数组的长度的值，步骤的参数也将改变，允许选择值的数组项

Read about API

TouchSpin http://www.virtuosoft.eu/code/bootstrap-touchspin/

Bootstrap 3移动端和触屏版的输入旋转组件。它支持鼠标滚轮和上/下键。

空值的基本示例

添加后缀的例子

用垂直按钮对齐的例子：

Select2 https://select2.github.io/

Select2是一个基于jQuery的替代选择框。它可以采取一个普通的选择框，把它变成：

一个占位符的值可以被定义，将在做出一个选择后显示。

Select2还支持多值选择框。下面的选择项是声明的多属性。

Range Slider http://refreshless.com/nouislider/

Range Slider

简单的范围选择滑块。

基本实例

范围选择实例

Data Picker https://github.com/eternicode/bootstrap-datepicker

Data picker

使用鼠标选择一个时间后输入到文本框中。

简单的日期文本框格式

月份选择

年历

月份选择

日期范围选择

到

ClockPicker http://weareoutman.github.io/clockpicker/

ClockPicker

一个基于bootstrap或jQuery的时钟样式选择

Date Range Picker http://www.daterangepicker.com/

Date Range Picker

一个选择日期范围的JavaScript控件。绘制与Bootstrap CSS框架样的面板。

小例子

日期范围选择器连接到一个文本输入。它将使用输入的当前值来初始化，如果选择新日期，则更新输入。

所有选项实例

Color picker http://mjolnic.github.io/bootstrap-colorpicker/

Colorpicker

Colorpicker插件的Twitter自助工具包。

默认输入框

点击选择

Change background color

Input Mask http://jasny.github.io/bootstrap/

Input Mask

输入掩码使用户更容易输入数据，在那里你希望他们以某种格式输入数据。

ISBN 1

999-99-999-9999-9

ISBN 2

999 99 999 9999 9

ISBN 3

999/99/999/9999/9

IPV4

192.168.100.200

Tax ID

99-9999999

Phone

(999) 999-9999

Currency

$ 999,999,999.99

Date

dd/mm/yyyy

Switcher http://abpetkov.github.io/switchery/

Switcher

是iOS 7风格的切换复选框。

Custom switch（自定义开关）

Custom switch

Pure CSS3 On/Off flipswitches with animated transitions. 纯CSS3动画过渡的flipswitches开/关。

Image cropper http://fengyuanchen.github.io/cropper/

一个简单的jQuery图像裁剪插件。

预览图像

常用方法

您可以将新的图像先上传，这样容易下载新的裁剪图像。

上传新图像 Download

其他方法

你可以设置 $(image}).cropper(options)进行裁剪