Bootstrap 4 Colorpicker - 强制刷新所有颜色选择器

Question

我正在使用 Bootstrap 4 颜色选择器库：

https://itsjavi.com/bootstrap-colorpicker/

我有如下定义的颜色选择器：

       <div class="input-group cpicker">
           <input type="text" class="form-control input-lg" value="#000000" id="txtModalDashboardSettings_HeaderColor">
           <span class="input-group-append">
               <span id="cp_dashboardHeaderColor" class="input-group-text colorpicker-input-addon"><i></i></span>
           </span>
       </div>

我使用以下 javascript 创建 Bootstrap 4 颜色选择器：

$('.cpicker').colorpicker();

颜色在代码中的某个点以编程方式更改。但是，再次调用 $('.cpicker').colorpicker() 不会更新颜色选择器颜色。

如果我以编程方式更改输入值，如何强制所有颜色选择器刷新/更新？

Answer 1

我不确定这是否是最好的方法，但我设法做到了如下。这并不理想，因为我需要单独更新每个颜色选择器：

$('colorPickerId').colorpicker('setValue', '#color');