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

旋钮输入

轻松创建旋钮输入

简单示例

动态旋钮输入示例

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

范围滑块

简单干净的范围选择滑块

简单示例

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

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

滑块

在指定范围内选择

示例: 设置值为0-5000,后缀“+”来表示最大值,人民币符号作为前缀,使用刻度
¥0¥5000+01250250037505000
示例: 设置值为0-10,步长:0.1,使用刻度
10 克0 克02.557.510
示例: 设置值微从-50~+50,默认为0, 并使用摄氏度符号作为后缀,使用刻度
-50°50°-50-2502550
示例:使用数组设置滑块值为月数,数组可以使任意长度,滑块将自动适应
十二月一月
日期选择器 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)来配置插件