本教程可用以下技术和资源运作
| JavaServer Faces 组件/ Java EE 平台 |
 1.2 和 Java EE 5* 1.1 和 J2EE 1.4 |
| Travel 数据库 |
非必需 |
* 要发挥 NetBeans IDE 6.0 的 Java EE 5 性能的优势，请使用与 Java EE 5 规范完全兼容的应用服务器，例如 Sun Java System Application Server 9（GlassFish 项目）。
本教程是为 Sun Java Application Server PE 9.0 Update Release 1 而定制的。如果您正在使用不同的服务器，请参考发行说明和 FAQ 以了解已知的问题和变通的方法。 了解关于被支持的服务器和 Java EE 平台的详细信息，请参见发行说明。
选择一个日历日期
本教程使用的 JSF 1.2 “日历”组件，您可以在组件面板的基本类别里找到。首先添加一个日历到您的项目中。然后添加验证代码来验证用户所选择的日期落在一个默认的最小和最大的日历范围之内。
创建一个新的 Visual Web JSF application 项目，把它命名为 CalendarExample， 并选择 Visual Web JavaServer Faces 框架。
您设计的页面如下图所示。
图 1：日历格式页面设计
从组件面板的基本类别里，拖放一个“日历”组件到页面上。
在属性窗口中，设置以下的值：
| 属性 | 值 |
| id | startCalendar |
| dateFormatPatternHelp | MM/dd/yyyy |
| label | Start Date: |
| required |
for True |
在“日历”组件的右边放置一个“消息”组件。按住 Ctrl-Shift 组合键并从“消息”组件拖放一根线到“日历”组件。
这个操作允许“消息”组件为“日历”组件显示错误消息。
在“日历”组件的下方放置一个“静态文本”组件。设置 id 属性为 validationMsgStaticText。
在“静态文本”组件下方放置一个“按钮”组件，输入 Validate，并按下 Enter 键。在属性窗口中，设置 id 属性为 validateButton。
双击 Validate 按钮，并在 validateButton 的 action 方法中添加以下代码：
代码示例 1：验证日历日期的代码
public String validateButton_action() {
validationMsgStaticText.setText(
(String)DateFormat.getDateInstance(
DateFormat.MEDIUM).format(startCalendar.getSelectedDate())
+ " is a valid date.");
return null;
}