Forms Date Picker

Color picker

A simple component to select color in the same way you select color in Adobe Photoshop

How to create a color picker?

1. Initialize the plugin

jQuery('#colorpickerField1').ColorPicker({
	onSubmit: function(hsb, hex, rgb, el) {
		jQuery(el).val(hex);
		jQuery(el).ColorPickerHide();
	},
	onBeforeShow: function () {
		jQuery(this).ColorPickerSetColor(this.value);
	}
})
.bind('keyup', function(){
	jQuery(this).ColorPickerSetColor(this.value);
});

2. Attach it to a a text input using the ID "colorpickerField1" (for this example)

<input type="text" id="colorpickerField1" value="00ff00" />

Forms Date Picker