<div id=“cp10” class=“input-group colorpicker-component”>

<input disabled type="text" value="" class="form-control"/>
<span class="input-group-addon"><i></i></span>

</div>
<p>

<a class="btn btn-sm btn-default enable-button" href="#">Enable</a>
<a class="btn btn-sm btn-default disable-button" href="#">Disable</a>

</p> <script>

$(function () {
    $(".disable-button").click(function(e) {
        e.preventDefault();
        $("#cp10").colorpicker('disable');
    });

    $(".enable-button").click(function(e) {
        e.preventDefault();
        $("#cp10").colorpicker('enable');
    });
    $('#cp10').colorpicker();
});

</script>