如何将背景颜色添加到选定的计划日期答案

【问题标题】：How to add the Background-color to the Schedule Date Selected如何将背景颜色添加到选定的计划日期
【发布时间】：2012-04-27 06:21:49
【问题描述】：

如何在 Primefaces 的 Schedule Tag 中为 Selected Date 添加背景色？

我已经使用了样式，但它适用于计划背景颜色。我想将背景颜色添加到我在日程表中选择的日期。所以如果你们有任何想法，请分享..

【问题讨论】：

标签： css jsf primefaces background-color

【解决方案1】：

你要找的样式类是

ui-state-highlight

Primefaces documentation 解释了如何更改特定组件的样式：

在你的 facelet 中：

<p:schedule styleClass="custom">
...
</p:schedule>

在你的 CSS 中：

.custom .ui-state-highlight {
    background: yellow !important;
}

更新 1：

这是一个完整的工作示例：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:f="http://java.sun.com/jsf/core"     
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
        <style type="text/css">
            .custom .ui-state-highlight {
                background: yellow !important;
            }
        </style>
    </h:head>
    <h:body>
        <p:schedule styleClass="custom">
        </p:schedule>
    </h:body>
</html>

更新 2：

嗯，基本上，primefaces 日程安排日是这样的表格单元格：

<td class="fc-fri ui-widget-content fc-day19">
  <div>
    <div class="fc-day-number">18</div>
    <div class="fc-day-content">
      <div style="position:relative">&nbsp;</div>
    </div>
  </div>
</td>

请注意，对于内容为18 的表格单元格，有一个特殊的样式类fc-day19。

下面的 jQuery 命令根据这个特殊的类改变这个单元格的背景颜色：

$(".fc-day19").css("backgroundColor","green");

这不是您问题的完整解决方案，但这就是它可以工作的方式。您需要确定所需日期的表格单元格并相应地更改其样式（请注意，如果在 jQuery 中使用 css background-color，则需要将其驼峰式大小写为 backgroundColor。希望这会有所帮助。

【讨论】：

forum.primefaces.org/viewtopic.php?p=64420#p64420 请查看此链接...这是代码，这就是我得到的图像..我也尝试过你提供的代码..因为我无法显示我在日程表中选择的日期..
它对我有用。用完整的工作示例更新了我的分析器。
嘿马特谢谢你..现在我至少可以更改我的日期...但是我无法将这个背景设置为我的选定日期..它将变为默认值..仅限日期，但不是我选择的日期..
我不知道这是否可能，因为没有专门的 css 类来解决这个问题（当然你可以以某种方式选择底层表格单元格）。或者，在选择日期后在服务器上向模型添加一个事件，并以这种方式突出显示它。
你看我通过计划标签中的属性“initialDate”在计划中显示我选择的日期，所以有没有可能添加像“.ui-state-highlight-initialDate{}”