|
The ice:selectInputDate tag renders a localized dateSelect. Users may select a date by clicking on a date in the displayed month. The displayed month and year can be changed using the arrow buttons. Optionally, the selectInputDate component may be used in popup mode. In this mode an inputText component is rendered that displays the selected date. Users may enter a date directly into the inputText component, or optionally click a button beside the inputText component to display a popup dateSelect view. Selecting a date in the dateSelect closes the popup dateSelect view and updates the selected date.
The selectInputDate component can be used in cases where a date value must be displayed or entered.
In order to highlight a day, following three attributes need to be set with corresponding values:
* highlightClass
* highlightUnit
* highlightValue
(e.g.) ice:selectInputDate highlighClass="newyear" highlightUnit="DAY_OF_YEAR" highlightValue="1"
To highlighting days in more granular fashion, the attributes above can be set to define more then one rule by separating them with : colon.
(e.g.) ice:selectInputDate highlighClass="newyear: weekend" highlightUnit="DAY_OF_YEAR: DAY_OF_WEEK" highlightValue="1: 7"
A rule can be set to define more then one value using comma ",".
(e.g.) ice:selectInputDate highlighClass="newyear: weekend" highlightUnit="DAY_OF_YEAR: DAY_OF_WEEK" highlightValue="1: 1, 7"
Example
<ice:selectInputDate renderAsPopup="true"></ice:selectInputDate>
Rendered Output
|