如何根据天数更改图像颜色和内容?

时间:2015-09-06 07:21:11

标签: jquery spring hibernate jsf

我的“我的网络应用程序”中有“计划”选项卡,如果单击“计划”选项卡,它将显示三个用于指示服务详细信息的图像(例如服务1的image1)。

最初对于第一项服务,图像1将为绿色,通过单击图像,它将显示其服务和计划详细信息。在服务日期的15天之前,图像颜色也变为黄色,通过点击图像,它将显示服务详细信息,如服务日期。服务日期已过期而不是变为红色。

CREATE TABLE `service_plan` (
  `serice_plan_id` int(3) NOT NULL AUTO_INCREMENT,
  `serice_plan_name` varchar(20) DEFAULT NULL,
  `serice_plan_rate` varchar(4) DEFAULT NULL,
  `plan_details_id` int(5) DEFAULT NULL,
  PRIMARY KEY (`serice_plan_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

1 个答案:

答案 0 :(得分:0)

在JSF生命周期中,您从数据库中读取服务日期,然后将其放入您的支持bean(Model)中,最后在浏览器中呈现该值。您可以在隐藏组件中呈现服务日期(如果需要),如下所示:

然后读取此值并从javascript中获取它以向用户显示颜色。请参阅此完整示例作为指导:

users