Как с помощью bootstrap -colorpicker получить выбранный цвет только в формате «#ffffff»? - PullRequest
Новая
       19

Как с помощью bootstrap -colorpicker получить выбранный цвет только в формате «#ffffff»?

0 голосов
/ 10 апреля 2020

В моем laravel 5.8 / "bootstrap": приложении "^ 4.0.0", которое я использую, я использую bootstrap -красочный сборщик с образцом: https://itsjavi.com/bootstrap-colorpicker/tutorial-p02_Advanced_Examples.html

и я хочу выбрать цвет из палитры всегда, чтобы получить выбранный цвет в формате «#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);
        });
    })
;

Но не удалось, и, как мне показалось, я неверно указал значение rgb.

Как получить выбранный цвет только в формате «#ffffff»? Спасибо!

1 Ответ

0 голосов
/ 11 апреля 2020

Решение в аддитивном формате: 

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