<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="./zui/css/zui.css" rel="stylesheet">

<!-- <script src="./zui/lib/jquery/jquery.js"></script> -->
<script src="./zui/lib/jquery/jquery-2.0.3.min.js"></script>
<script src="./zui/js/zui.js"></script>
<script src="./zui/lib/colorset.js/zui.colorset.js"></script>
    <link href="./zui/lib/colorpicker/zui.colorpicker.css" rel="stylesheet">
    <script src="./zui/lib/colorpicker/zui.colorpicker.js"></script>
<div class="example">

  <form>
  <div class="row">

      <div class="col-md-2">
  插入颜色选择：  
		  <div class="input-group">  
		    <input name="mycolor" data-provide="colorpicker" value="#3280fC" data-wrapper="input-group-btn" />
		  </div>
    </div>

    <div class="col-md-2">
    <div class="input-group">
        <span class="input-group-addon">主题颜色</span>
        <input type="text" class="form-control" id="myColor" name="myColor3" data-provide="colorpicker" data-wrapper="input-group-btn" data-pull-menu-right="true" value="#3280fC" placeholder="请输入16进制颜色值，例如 #FF00DD">
      </div>
    </div>

<input type="hidden" class="form-control" id="myColor3" name="myColor3" data-provide="colorpicker" value="#3280fC" data-icon="tint">
  </div>
  </form>

</div>


<script>
// 手动初始化时，也可以使用数组来定于预设颜色
$('.input-group #myColor').colorpicker({
    colors: ['#fff', '#000', '#3280fC', 'red']
});

</script>