INSPINIA | 高级插件

高级插件

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

旋钮输入

轻松创建旋钮输入

简单示例

动态旋钮输入示例

选择 http://harvesthq.github.io/chosen/

选择用户可以快速从大的选择输入。

基础例子

多选

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

滑块

在指定范围内选择

例子: 设置值为0-5000，后缀“+”来表示最大值，人民币符号作为前缀，使用刻度

例子: 设置值为0-10，步长：0.1，使用刻度

例子: 设置值微从-50~+50，默认为0，并使用摄氏度符号作为后缀，使用刻度

例子:使用数组设置滑块值为月数，数组可以使任意长度，滑块将自动适应

API文档

旋转触摸 http://www.virtuosoft.eu/code/bootstrap-touchspin/

Bootstrap 3对移动和触摸引导3友好的输入旋转组件很友好。它支持鼠标滚轮和上/下键。

带空值的基本例子

带后缀的例子

可加减数字的示例:

双列表

Bootstrap Dual是响应双列表部件Twitter Bootstrap优化。它适用于所有现代浏览器和触摸设备。

选择2 https://select2.github.io/

选择2是一个基于jQuery的替代选择框。它可以采取定期选择框，并把它变成：

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

选择2还支持多值选择框。下面的选择用多个属性声明。

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

范围滑块

简单干净的范围选择滑块

简单示例

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

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

日期选择器

简单好用的日期选择器

简单示例

年视图

10年视图

选择月份

范围选择

到

时钟插件 http://weareoutman.github.io/clockpicker/

时钟插件

Bootstrap (或 jQuery)的一个时钟风格的时间插件。

日期范围选择器 http://www.daterangepicker.com/

日期范围选择器

一个选择日期范围的JavaScript控件。可以和Bootstrap CSS框架一起工作。

所有选项列表

颜色选择器 http://mjolnic.github.io/bootstrap-colorpicker/

颜色选择器

Twitter Bootstrap 自助工具包的颜色选择器插件。

普通输入

链接

改变背景颜色

Bootstrap 标签输入

jQuery插件提供管理标签的Twitter Bootstrap用户界面

几个基本初始化标签示例：

固定格式文本 http://jasny.github.io/bootstrap/

固定格式文本

可以按指定格式格式化输入的文本内容。

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

税务代码

99-9999999

电话

(999) 999-9999

货币

$ 999,999,999.99

日期

dd/mm/yyyy

切换开关 http://abpetkov.github.io/switchery/

切换按钮01

IOS7风格的复选按钮

自定义开关

切换按钮02

使用css3实现的切换按钮

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

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

图片预览

说明：

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

上传新图片下载

其他说明：

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

高级插件

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

旋钮输入

选择 http://harvesthq.github.io/chosen/

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

滑块

旋转触摸 http://www.virtuosoft.eu/code/bootstrap-touchspin/

双列表

选择2 https://select2.github.io/

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

范围滑块

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

日期选择器

时钟插件 http://weareoutman.github.io/clockpicker/

时钟插件

日期范围选择器 http://www.daterangepicker.com/

日期范围选择器

所有选项列表

颜色选择器 http://mjolnic.github.io/bootstrap-colorpicker/

颜色选择器

普通输入

链接

Bootstrap 标签输入

固定格式文本 http://jasny.github.io/bootstrap/

固定格式文本

切换开关 http://abpetkov.github.io/switchery/

切换按钮01

自定义开关

切换按钮02

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

图片预览

说明：

其他说明：

bootstrap 复选框

基础

圆

单选按钮