Primefaces日历组件和日期转换
Primefaces 日历组件和日期转换
Primefaces 是一个流行的 JavaServer Faces (JSF) 组件库，提供了许多功能强大的 UI 组件，其中包括日历组件。在 Primefaces 中，日历组件通常与日期转换器相结合，以便用户能够方便地选择和修改日期。以下是关于 Primefaces 日历组件和日期转换的详细说明：
1. Primefaces 日历组件
Primefaces 的日历组件为 Web 开发者提供了方便的日历界面，以支持用户输入和选择日期。这些组件可以单独使用，也可以集成到其他 Primefaces 组件中，例如输入框、下拉框和按钮等。
以下是 Primefaces 中常用的日历组件：
p:calendar：用于显示具有自定义日期范围和样式的日历。p:calendarWithButton：在日历基础上包含一个按钮，用于快速选择日期。p:datePicker：用于在表单中嵌入一个日期选择器。p:monthYearPicker：用于显示月份和年份选择器。
2. 日期转换
在使用 Primefaces 的日历组件时，通常需要对日期进行转换，以方便用户查看或选择。Primefaces 提供了多种日期转换方法：
Date：表示 JavaScript Date 对象，可以直接创建或使用其他日期库（如 Moment.js）创建。DateTime：表示 JavaScript Date 对象的日期和时间，通常与Date转换方法一起使用。DateRange：表示两个 JavaScript Date 对象之间的日期范围。
示例：使用 Primefaces 的日历组件和日期转换
以下是一个简单的示例，演示了如何使用 Primefaces 的日历组件和日期转换：
<!-- XHTML 文件（例如 index.xhtml）-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>使用 Primefaces 日历组件和日期转换</title>
</h:head>
<h:body>
<h1>使用 Primefaces 日历组件和日期转换</h1>
<h:form>
<p:calendar id="date" value="#{calendarBean.date}" />
<p:message for="date" />
</h:form>
</h:body>
</html>在这个示例中，我们使用 Primefaces 的 p:calendar 组件来显示日历，并使用 value 属性来绑定要显示的日期。在表单中，我们使用 p:message 组件来显示有关日期选择器的错误信息。
需要注意的是，p:calendar 组件的 value 属性可以使用 Date、DateTime 或 DateRange 类型的值。根据您的需求选择合适的类型，并确保在 JSF 页面中正确地显示日期选择器。
希望以上解答能够帮助您了解 Primefaces 日历组件和日期转换的相关知识。如果您有任何其他问题或疑问，请随时提出。
相关·内容
1回答
Primefaces 5.0:选择后日历不隐藏
jsf、jsf-2、primefaces、calendar、themes
我在Primefaces 5.0中使用日历组件：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core&#
浏览 2提问于2016-07-06得票数 0
4回答
P:日历onselect/onchange未触发
javascript、primefaces
我尝试使用两个Javascript函数，只要用户从p:calendar中选择日期，就会调用这两个函数。
不幸的是，只有当用户在文本字段中手动键入日期并按tabs键前进时，才会处理onchange事件。onselect事件根本不会被触发。
xhtml如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/
浏览 0提问于2015-02-16得票数 3
2回答
如何在PrimeFaces的日历组件中启用简体中文区域设置？
jsf、primefaces、calendar、locale
我的JSF外观如下所示：
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://
浏览 5提问于2013-12-17得票数 1
回答已采纳
1回答
当前日期在Primefaces日历组件中没有突出显示
jsf、primefaces、calendar
我在我的xhtml页面中使用primefaces日历组件，如下所示。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
浏览 2提问于2016-01-05得票数 0
1回答
数据列表分页primefaces移动5.2不工作
primefaces、pagination、primefaces-mobile
我的datalist的分页并不适用于primefaces，它显示了1000行而不是5行！我把pf版本从5.1改为5.2，但什么也没发生。我检查了橱窗，阅读了pf 5.2指南，但我找不到解决方案。这里我的代码：
listPromotion.xhtml
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="ht
浏览 6提问于2015-05-22得票数 0
回答已采纳
1回答
如何在h:表单中水平显示两个p:datable
jsf、primefaces
我在h:form中有两个p:datable，表单自动垂直显示它，如下所示：
我希望它们一个接一个地水平显示
这是jsf页面的代码源。
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=
浏览 0提问于2016-05-12得票数 0
1回答
Primefaces :无法在ui下工作的日历:组合
jsf、primefaces、calendar、composite-component
Iam在我的项目中使用primefaces，一切都很好，除了Primefaces.The的p:日历组件之外，xhtml文件后面的日历组件没有显示日历组件。
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p=
浏览 3提问于2014-10-30得票数 0
1回答
10:如何在文本字段中强制执行4位数的年份&显示错误消息？
jsf、primefaces
我正在使用Java1.8和Primefaces 10.我对JSF编程相当陌生。有一个日期文本字段，在该字段中，最终用户可以键入特定日期和/或使用日历小部件。但是，当最终用户以两位数的年份格式输入日期时，例如：7/19/21 --在将其保存在JSF表单：0021-07-17T08:00:00Z中后，其呈现错误。我需要的是一种执行4位数字日期的方法(通过向最终用户提供错误消息)，并通过错误的呈现(需要它是2021-07-17T08:00:00Z而不是0021-07-17T08:00:00Z)修复这个错误。
因此，当手动输入它时(而不使用日历小部件)：
这就是它最终呈现的结果(保存后不正
浏览 1提问于2021-07-20得票数 1
1回答
自动加载命令
jsf、jsf-2、primefaces
JSF或PrimeFaces中是否有自动加载命令？
我有一个JSF模板，用于我的facelets：
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
template="template.xhtml"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://xmlns.jcp.org/jsf/htm
浏览 2提问于2015-08-30得票数 1
回答已采纳
1回答
从嵌套在复合中的<cc:clientBehavior>事件触发<p:ajax>事件
ajax、jsf、jsf-2、primefaces、composite-component
有任何方法可以在我的复合组件中用clientBehavior和jQuery触发事件吗？
如果不可能，在复合中创建自定义事件的正确方法是什么？
示例：
ajaxTest.xhtml：
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:cc="http://xmlns.jcp.org/jsf/composite"
xmlns:p="http://primefaces.org/ui">
<cc:interface>
<cc:c
浏览 0提问于2014-09-24得票数 1
回答已采纳
1回答
更新其他窗口/选项卡中的组件，而不手动刷新它
forms、jsf-2、primefaces、commandbutton
我有不同的页面，有不同的布局，例如index.xhtml和user.xhtml，每个页面都有自己的模板。如果我在user.xhtml中做了一个更改，我想在index.xhtml中更新一个数据表。
index.xhtml：
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jc
浏览 2提问于2015-05-14得票数 0
回答已采纳
2回答
带有ui的Primefaces动态对话框:包括PF从4.0升级到5.1后不工作
dynamic、jsf-2、primefaces、modal-dialog、uiinclude
我最近将Primefaces从4.0升级到5.1，之后点击commandButton就不会显示对话框了。它与dynamic="false“一起工作，但我需要它是延迟加载的。ExampleBean是sessionScoped，我使用的是JSF2.2。有人能帮我解决这个问题吗？
<ui:composition template="/template/common/pagelayout.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://xmlns.jcp.org
浏览 26提问于2015-01-21得票数 0
5回答
Primefaces SelectOneMenu在InputText旁边处于不同的垂直位置。
css、primefaces
当我将一个Primefaces SelectOneMenu放在简单的Primefaces输入旁边时，它们在浏览器中的高度不同(在火狐、IE和Chrome中是一样的)：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.o
浏览 4提问于2014-10-29得票数 4
回答已采纳
2回答
对话框中的PrimeFaces8.0日历弹出位置相对于父屏幕滚动位置
css、jsf、primefaces
我为下面的问题重新创建了一个最小的可重复示例。我也遇到了这个问题，我刚刚弄清楚发生了什么，但我不知道如何解决它。引用的appendTo问题中的selectOneMenu建议似乎不是我们可以应用于日历的属性。
以下是如何复制：
如果将父窗口滚动到顶部，则对话框上的日历弹出将正确定位为。
如果父窗口向下滚动一点，则对话框上的日历弹出将位于输入框的较低的位置。
距离偏移量似乎与父窗口滚动的数量有关。
top值似乎是罪魁祸首。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html P
浏览 2提问于2021-02-17得票数 1
回答已采纳
2回答
P:当从datatable触发时没有显示块not
jsf、primefaces
我正在处理发送sms的任务，其中一部分我需要显示一个繁忙的加载程序，我已经尝试了primefaces :块at，它根本不起作用。当从datatable按钮行触发时，不会显示块UI。这是我的代码不起作用。我正在使用primefaces 5.3。就像表中的每个按钮都分配了自己的唯一id一样，这意味着Ui块触发器中指定的id不是单击的按钮行上的id。
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
浏览 3提问于2020-05-08得票数 0
回答已采纳
1回答
P:当目标输入在复合内部时，outputLabel未标记为必需
jsf、primefaces、label、composite-component
以一种非常简单的方式，下面是一个组合：
<ui:component
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:cc="http://xmlns.jcp.org/jsf/composite"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets
浏览 9提问于2016-07-27得票数 0
1回答
为什么'p:ajax更新‘不能更新p:tree？
primefaces
我希望生成这样的结果:每当扩展树节点时，任何先前扩展的同级节点都会被折叠。
下面是我的页面和我的豆子。在展开节点时调用onNodeExpanded方法；System.out语句产生预期的结果。但是，执行setExpanded(false)的节点仍然在页面上展开。
我添加了一个commandButton，以便强制更新树。按下它会使页面正确显示先前由ajax事件侦听器折叠的节点。
The Page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR
浏览 0提问于2018-05-10得票数 0
回答已采纳
1回答
p:selectOneMenu渲染怪异
primefaces
按照PrimeFaces 上给出的说明，我看到了来自SelectOneMenu的奇怪的渲染。它看起来和我预期的不一样。有人知道为什么吗？
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:f="http://xmlns.jcp.org/jsf/core"
浏览 0提问于2019-04-02得票数 0
2回答
PrimeFaces p:inputText和p:inputTextarea，在p:PrimeFaces表格中呈现太宽
jquery、css、jsf、primefaces
我注意到，在我们的表单中，与其他小部件(如p:inputText或p:commandButton )相比，输入字段p:select*和p:inputTextarea呈现得太宽了。我们的表单包含在p:panelGrid中。
下面是一个测试页面：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1
浏览 6提问于2013-01-10得票数 3
1回答
当动态设置为true时，Primefaces不在不同的Tabs中工作
jsf、primefaces、jsf-2
我试图在两个单独的图钉中设计日历，在导航到不同的选项卡Main.xhtml后，我无法打开日历弹出(在这里设计了Tabs )。
<p:tabView id="CRE_CI" widgetVar="TabV" prependId="false" cache="false" dynamic="true">
<p:tab title="CRE Residential Input" style="outline: 0;">
<ui:incl
浏览 2提问于2016-12-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
