Javascript 手动更新引导颜色选择器

我正在引导上使用以下颜色选择器：

我使用以下代码更改页面上元素的背景色：

<input type="text" id="mypicker" name="mypicker" value="" class="input-mini color"/>

<script type="text/javascript">
    $(function() {
        $("#mypicker").val('#ffffff');

        $("#mypicker").colorpicker({
            format: 'hex'})
            .on('changeColor', function(event) {

                $('#target').css('background',event.color.toHex());             
            }
        );
    });
</script>

<div id="target" style="height:50px;width:50px;"></div>

---

然而，我本以为会有更好的方法。

根据文档，您应该能够做到以下几点：

$('#mypicker').on('keyup', function() {
    $(this).colorpicker('setValue', $(this).val());
});

---

我知道我正在恢复一篇非常古老的文章，但你用上面的代码所取得的成果对我来说并不适用。有什么提示吗？

$('#mypicker').on('keyup', function() {
    $(this).colorpicker('setValue', $(this).val());
});