| <?xml version="1.0" encoding="UTF-8"?> |
| <!-- |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| --> |
| |
| <f:view |
| locale="DE" |
| xmlns:tc="http://myfaces.apache.org/tobago/component" |
| xmlns:f="http://java.sun.com/jsf/core"> |
| |
| <tc:page id="page"> |
| |
| <tc:script file="date-pattern.js"/> |
| |
| <tc:section label="TODO"></tc:section> |
| |
| <tc:gridLayout id="jquery_date_time_pattern" columns="2fr 2fr 2fr 1fr 1fr 2fr 2fr"> |
| |
| <tc:label value="Name"/> |
| <tc:label value="Java Pattern"/> |
| <tc:label value="Java Formatted"/> |
| <tc:label value="jQuery UI Pattern"> |
| <tc:gridLayoutConstraint columnSpan="2"/> |
| </tc:label> |
| <tc:label value="jQuery UI Formatted"/> |
| <tc:label value="Result"/> |
| |
| <tc:label value="Comment"/> |
| <tc:out value="Error means, that the pattern that comes from the server is invalid. |
| This is defined manually on the page."/> |
| <tc:out/> |
| <tc:out value="date"/> |
| <tc:out value="time"/> |
| <tc:out value="Error means, that the date parsed and formatted is unequal to the original. |
| The error state is computed with the JS functions."/> |
| <tc:out/> |
| |
| <!-- y - year --> |
| |
| <tc:label value="1 y (wrong, but fixable)"/> |
| <tc:in readonly="true" markup="error"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.y"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="2 y"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="3 y (wrong, but fixable)"/> |
| <tc:in readonly="true" markup="error"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="4 y"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="5 y (can't fix)"/> |
| <tc:in readonly="true" markup="error"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yyyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="6 y (can't fix)"/> |
| <tc:in readonly="true" markup="error"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yyyyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- M - month --> |
| |
| <tc:label value="1 M"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.M.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="2 M"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="3 M"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd. MMM yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="4 M"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd. MMMM yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="5 M"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd. MMMMM yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- L - month (stand alone) --> |
| |
| <!-- |
| <tc:label value="1 L"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="L"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="2 L"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="LL"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="3 L"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="LLL"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="4 L"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="LLLL"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="5 L"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="LLLLL"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| --> |
| |
| <!-- d - day --> |
| |
| <tc:label value="1 d"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="d.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="2 d"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="3 d (can't fix)"/> |
| <tc:in readonly="true" markup="error"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="ddd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- E - day name in week --> |
| |
| <tc:label value="1 E"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="E, dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="2 E"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="EE, dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="3 E"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="EEE, dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="4 E"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="EEEE, dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="5 E"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="EEEEE, dd.MM.yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| |
| <!-- D - day in year --> |
| |
| <tc:label value="1 D"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="D yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="2 D"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="DD yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="3 D"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="DDD yyyy"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- dateStyle --> |
| |
| <tc:label value="dateStyle=short"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="short"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="dateStyle=medium"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="medium"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="dateStyle=long"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="long"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="dateStyle=full"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="full"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- time --> |
| |
| <tc:label value="?"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="HH:mm:ss" type="time"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- timeStyle --> |
| |
| <tc:label value="timeStyle=short"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime timeStyle="short" type="time"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="timeStyle=medium"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime timeStyle="medium" type="time"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="timeStyle=long"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime timeStyle="long" type="time"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="timeStyle=full"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime timeStyle="full" type="time"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- date time --> |
| |
| <tc:label value="?"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime pattern="yyyy-MM-dd HH:mm:ss.SSS"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <!-- dateStyle + TimeStyle --> |
| |
| <tc:label value="dateStyle=timeStyle=short"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="short" timeStyle="short" type="both"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="dateStyle=timeStyle=medium"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="medium" timeStyle="medium" type="both"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="dateStyle=timeStyle=long"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="long" timeStyle="long" type="both"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| <tc:label value="dateStyle=timeStyle=full"/> |
| <tc:in readonly="true"/> |
| <tc:date value="#{dateController.once}"> |
| <f:convertDateTime dateStyle="full" timeStyle="full" type="both"/> |
| </tc:date> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:in readonly="true"/> |
| <tc:label/> |
| |
| </tc:gridLayout> |
| |
| <tc:script file="datetime.js"/> |
| |
| </tc:page> |
| </f:view> |