3

如何将背景颜色添加到 Primefaces 的计划标签中的选定日期？

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

4

1 回答 1

3

您正在寻找的样式类是

ui-state-highlight

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

在你的小脸上：

<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>

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

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

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

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

于 2012-04-27T06:54:04.440 回答