The prototypes here were used for getting the feedback of other developers, during the first part (design part) of GSOC project. They are all obsolete now, and only kept as a reference example for future students .
Name | Required? | Values | Description |
---|---|---|---|
type | optional | 'datetime'(default), 'date', 'time', 'month', 'week', 'datetime-local' | Type of the date-time input. Type names are exactly the same with the html5 spec, in order to keep things more self-explained. |
suggestions | optional | Can be comma seperated strings, array and collection of "javax.faces.SelectItem"s | Static(not Ajax or smthg) suggestion values. this attribute should not be defined if "datalist" is set. |
required | optional | EL and literal | Same with h:inputText 'required' except, 'required' attribute of HTML 'input' element is used this time |
autocomplete | optional | 'true' or 'false'. By default nothing will be rendered. | To override owner form's autocomplete attribute for its children. |
autofocus | optional | 'true' of 'false'(default) | As soon as the page is loaded, allows the user to just start typing without having to manually focus the main control. |
datalist | optional | EL and literal | Id of <hx:datalist> for suggestions mechanism. By this way, suggestion options(datalist) can be shared across several input elements. |
step | optional | String and number | Used for 'datetime', 'datetime-local' and 'time' types. Defines the accuracy of the selectable time (in seconds if no format is defined). |
Code Block | ||||
---|---|---|---|---|
| ||||
<hx:inputDateTime value="#{someBean.someField}" type="date" > <fx:validateDateRange min="2000-03-24" max="2010-03-24" /> </hx:inputDateTime> |
Code Block | ||||
---|---|---|---|---|
| ||||
<input type="date" min="2000-03-24" max="2010-03-24" /> |
Code Block | ||||
---|---|---|---|---|
| ||||
<hx:inputDateTime value="#{someBean.petBirthMoment}" type="datetime" step="10"> <fx:validateDateRange min="#{someBean.sevenYearsAgo}" max="#{someBean.now}" /> </hx:inputDateTime> |
Code Block | ||||
---|---|---|---|---|
| ||||
<input type="datetime" value="" min="2000-03-24T12:02Z" max="2010-03-24T12:02Z" step="10" /> |
Code Block | ||||
---|---|---|---|---|
| ||||
<hx:inputDateTime value="#{someBean.someMonth}" type="month" /> |
Code Block | ||||
---|---|---|---|---|
| ||||
<input type="month"/> |