用于颜色选择的jQuery UI小部件（类似于Microsoft Office 2010中的小部件）。
Posted
tags:
中文标题：用于颜色选择的jQuery UI小部件（类似于Microsoft Office 2010中的小部件）。 原文标题：jQuery UI widget for color picking (similar to the one in Microsoft Office 2010). 项目评级：Star:287 Fork:125 下载地址：https://github.com/evoluteur/colorpicker 详情介绍evol颜色选择器·
evol颜色选择器是一个网络颜色选择器，看起来像Microsoft Office 2010中的颜色选择器。
它可以内联使用，也可以作为绑定到文本框的弹出窗口使用。
它配有多个调色板，可以跟踪选择历史，并支持“透明”颜色。
它是一个完整的jQuery UI小部件，支持各种配置和主题。
查看在线演示中的几个示例。
目录
安装
在GitHub下载或分叉evol颜色选择器。
git clone https://github.com/evoluteur/colorpicker
或者使用npm包：
npm install evol-colorpicker
或与Bower一起安装：
bower install evol-colorpicker
用法
首先，加载jQuery（v3.1或更高版本）、jQuery UI（v1.12.1或更高版）和插件（对于早期版本的jQuery UI，请使用早期版本的Colorpicker）。
该小部件需要一个jQuery UI主题，以及它自己包含的基本CSS文件（evol colorpicker.CSS）。这里我们使用“UI lightness”主题作为示例：
现在，让我们将其附加到现有的<input>标签上：
这会将其包裹在一个<div>的“支架”中，并在其旁边添加另一个＜24＞作为颜色框：
使用相同的语法，小部件也可以安装在<div>或<span>标签上以内联显示。在这种情况下，生成的HTML就是完整的调色板。
支持主题
evol colorpicker与任何jQuery UI小部件一样易于主题化，使用一个jQuery UI主题或使用Themeroler制作的自定义主题。
选项
evol colorpicker提供了几个选项来自定义其行为：
颜色（字符串）
用于设置颜色值。
默认值为null。
defaultPalette（字符串）
用于设置默认调色板。可能的值为“主题”或“网页”。
默认为主题。
displayIndicator（布尔值）
用于在悬停时显示颜色值，然后在调色板内部单击。
默认值为true。
hideButton（布尔值）
将颜色选择器绑定到文本框时，除非hideButton设置为true，否则会在文本框的右侧添加一个彩色按钮。
如果颜色选择器绑定到DIV，则此选项没有任何效果。
默认值为false。
历史记录（布尔值）
用于跟踪选择历史记录（在颜色选择器的所有实例之间共享）。历史记录会保留最后28种颜色的选择。
默认值为true。
initialHistory（数组字符串）
用于提供颜色选择历史记录。颜色以十六进制颜色值的字符串形式提供。
默认值为null。
showOn（字符串）
使颜色选择器在字段接收焦点时自动显示（“焦点”），仅在单击按钮时显示（“按钮”），或在任一事件发生时出现（“两者”）。
只有在文本框上安装了颜色选择器时，此选项才会生效。
默认值为“both”。
字符串（字符串）
用于翻译小部件。它是UI中使用的所有标签的昏迷分隔列表。
默认为“主题颜色、标准颜色、Web颜色、主题颜色、返回调色板、历史记录、尚未有历史记录。”。
transparentColor（布尔值）
允许选择“透明颜色”。透明颜色的十六进制值为“#0000ffff”。
默认值为false。
方法
清除（）
清除颜色值（如果打开，则关闭弹出调色板）。
启用（）
获取当前选定的颜色值（以字符串形式返回）。
禁用（）
获取当前选定的颜色值（以字符串形式返回）。
isDisabled（）（已禁用）
获取当前选定的颜色值（以字符串形式返回）。
val（[颜色]）
获取或设置当前选定的颜色值（以字符串形式，即“#d0d0d0”）。
显示调色板（）
显示调色板（当使用小部件作为弹出窗口时）。
隐藏调色板（）
隐藏调色板（当使用小部件作为弹出窗口时）。
事件
更改颜色
选择颜色时会触发此事件。
鼠标悬停颜色
当鼠标在调色板上的颜色框上移动时，会触发此事件。
许可证
版权所有（c）2023 Olivier Giulieri。
evol colorpicker是在麻省理工学院的许可下发布的。
用于 jQuery UI 的 Star Rating 小部件
寻找 js（可能是 jQuery）时区（仅限）控制 UI 小部件