Apache Struts 2 Documentation > Home > Guides > Tag Developers Guide > Struts Tags > Tag Reference > UI Tag Reference > datetimepicker
Added by digi9ten, last edited by Don Brown on Jan 07, 2007  (view change)
Please make sure you have read the Tag Syntax document and understand how tag attribute syntax works.

Description

Renders a date/time picker in a dropdown container.

A stand-alone DateTimePicker widget that makes it easy to select a date/time, or increment by week, month, and/or year.

Dates attributes passed in the `RFC 3339` format:

Renders date/time picker element.

Format supported by this component are:-
Format Description
#dd Display day in two digits format
#d Try to display day in one digit format, if cannot use 2 digit format
#MM Display month in two digits format
#M Try to display month in one digits format, if cannot use 2 digit format
#yyyy Display year in four digits format
#yy Display the last two digits of the yaer
#y Display the last digits of the year

It is possible to customize the user-visible formatting with either the formatLength or displayFormat attributes. The value sent to the server is typically a locale-independent value in a hidden field as defined by the name attribute. RFC3339 representation is used by default, but other options are available with saveFormat

Parameters

Name

Required

Default

Evaluated

Type

Description

accesskey false true String Set the html accesskey attribute on rendered html element
adjustWeeks false false true Boolean If true, weekly size of calendar changes to acomodate the month if false, 42 day format is used
cssClass false true String The css class to use for element
cssStyle false true String The css style definitions for element ro use
dayWidth false narrow true String How to render the names of the days in the header(narrow, abbr or wide)
disabled false true String Set the html disabled attribute on rendered html element
displayFormat false true String A pattern used for the visual display of the formatted date, e.g. dd/MM/yyyy
displayWeeks false 6 true Integer Total weeks to display
endDate false 2941-10-12 true Date Last available date in the calendar set
formatLength false short true String Type of formatting used for visual display. Possible values are long, short, medium or full
iconPath false true String Path to icon used for the dropdown
id false true String id for referencing element. For UI and form tags it will be used as HTML id attribute
key false true String Set the key (name, value, label) for this particular component
label false true String Label expression used for rendering a element specific label
labelposition false true String Define label position of form element (top/left)
language false brower's specified preferred language true String Language to display this widget in
name false true String The name to set for element
onblur false true String Set the html onblur attribute on rendered html element
onchange false true String Set the html onchange attribute on rendered html element
onclick false true String Set the html onclick attribute on rendered html element
ondblclick false true String Set the html ondblclick attribute on rendered html element
onfocus false true String Set the html onfocus attribute on rendered html element
onkeydown false true String Set the html onkeydown attribute on rendered html element
onkeypress false true String Set the html onkeypress attribute on rendered html element
onkeyup false true String Set the html onkeyup attribute on rendered html element
onmousedown false true String Set the html onmousedown attribute on rendered html element
onmousemove false true String Set the html onmousemove attribute on rendered html element
onmouseout false true String Set the html onmouseout attribute on rendered html element
onmouseover false true String Set the html onmouseover attribute on rendered html element
onmouseup false true String Set the html onmouseup attribute on rendered html element
onselect false true String Set the html onselect attribute on rendered html element
required false false true Boolean If set to true, the rendered element will indicate that input is required
requiredposition false true String Define required position of required form element (left|right)
startDate false 1492-10-12 true Date First available date in the calendar set
staticDisplay false false true Boolean Disable all incremental controls, must pick a date in the current display
tabindex false true String Set the html tabindex attribute on rendered html element
template false true String The template (other than default) to use for rendering the element
templateDir false true String The template directory.
theme false true String The theme (other than default) to use for rendering the element
title false true String Set the html title attribute on rendered html element
toggleDuration false 100 true Integer Duration of toggle in milliseconds
toggleType false plain true String oggle type of the dropdown. Possible values are plain,wipe,explode,fade
tooltip false true String Set the tooltip of this particular component
tooltipConfig false true String Set the tooltip configuration
type false date true String Defines the type of the picker on the dropdown. Possible values are 'date' for a DateTimePicker, and 'time' for a timePicker
value false true String Preset the value of input element.
weekStartsOn false 0 true Integer Adjusts the first day of the week 0==Sunday..6==Saturday

Examples

Example 1:
    <s:datetimepicker name="order.date" label="Order Date" />
Example 2:
    <s:datetimepicker name="delivery.date" label="Delivery Date" format="#yyyy-#MM-#dd"  />

The css could be changed by using the following :-

<s:datetimepicker name="birthday" label="Birthday" templateCss="...." />