Form Advanced

Clock

Date Range Picker

A JavaScript component for choosing date ranges, dates and times.

Colorpicker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Simple mode
Gradiant mode
Complex mode

Select2 Components

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Single select
Multiple Select

Bootstrap Material Datetimepicker

An example of Bootstrap Material DatePicker.

Default Material Date Picker
Default Material Date Timepicker
Time Picker
Min Date set

Clock Picker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Default Clock Picker
Auto close Clock Picker
Left Placement
Now time

Datepicker

Examples of twitter bootstrap datepicker.

Default Functionality
Auto Close
Multiple Date
Date Range

Bootstrap MaxLength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text.

Default usage

The badge will show up by default when the remaining chars are 10 or less:

Threshold value

Do you want the badge to show up when there are 20 chars or less? Use the thresholdoption:

All the options

Please note: if the alwaysShowoption is enabled, the thresholdoption is ignored.

Position

All you need to do is specify the placementoption, with one of those strings. If none is specified, the positioning will be defauted to 'bottom'.

textareas

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.

Bootstrap TouchSpin

A mobile and touch friendly input spinner component for Bootstrap

Using data attributes
Example with postfix (large)
With prefix
Init with empty value:
Value attribute is not set (applying settings.initval)
Value is set explicitly to 33 (skipping settings.initval)