代码之家  ›  专栏  ›  技术社区  ›  mstdmstd

如何使用bootstrap colorpicker以#ffffff格式获取选定的颜色?

  •  0
  • mstdmstd  · 技术社区  · 5 年前

    在my laravel 5.8/“bootstrap”中,我使用“^4.0.0”应用程序 我将引导colorpicker用于示例: https://itsjavi.com/bootstrap-colorpicker/tutorial-p02_Advanced_Examples.html

    我想从picker中选择颜色,得到格式为#ffffff的选定颜色。 但问题是周期性地以rgb格式获取值: https://prnt.sc/rwqlqj 是否有一些选项仅以#ffffff格式获取所选颜色?

    我在上面的链接中尝试了这个例子:

    $('#cp_color').colorpicker({ 
        popover: false,
        inline: false,
        container: true,
    })
    
        .on('colorpickerChange colorpickerCreate', function (e) {
            var colors = e.color.generate('tetrad');
    
            colors.forEach(function (color, i) {
                var colorStr = color.string(),
                    swatch = e.colorpicker.picker
                        .find('.colorpicker-swatch[data-name="tetrad' + (i + 1) + '"]');
    
                swatch
                    .attr('data-value', colorStr)
                    .attr('title', colorStr)
                    .find('> i')
                    .css('background-color', colorStr);
            });
        })
    ;
    

    谢谢!

    0 回复  |  直到 5 年前
        1
  •  0
  •   mstdmstd    5 年前

    决策采用附加格式参数:

    $('#cp_color').colorpicker({ 
        inline: false,
        container: true,
        format: 'hex',