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

To use the datetimepicker that you need to include the head tag in you page, and set it theme attribute to "ajax", like

<s:head theme="ajax" />

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.

It is possible to customize the user-visible formatting with either the 'formatLength' (long, short, medium or full) or 'displayFormat' attributes. By defaulty current locale will be used.

Syntax supported by 'displayFormat' is (http://www.unicode.org/reports/tr35/tr35-4.html#Date_Format_Patterns):-

Format Description
d Day of the month
D Day of year
M Month - Use one or two for the numerical month, three for the abbreviation, or four for the full name, or 5 for the narrow name.
y Year
h Hour [1-12].
H Hour [0-23].
m Minute. Use one or two for zero padding.
s Second. Use one or two for zero padding.

The value sent to the server is a locale-independent value, in a hidden field as defined by the name attribute. The value will be formatted conforming to RFC3 339 (yyyy-MM-dd'T'HH:mm:ss)

The following formats(in order) will be used to parse the values of the attributes 'value', 'startDate' and 'endDate':

  • SimpleDateFormat built using RFC 3339 (yyyy-MM-dd'T'HH:mm:ss)
  • SimpleDateFormat.getTimeInstance(DateFormat.SHORT)
  • SimpleDateFormat.getDateInstance(DateFormat.SHORT)
  • SimpleDateFormat.getDateInstance(DateFormat.MEDIUM)
  • SimpleDateFormat.getDateInstance(DateFormat.FULL)
  • SimpleDateFormat.getDateInstance(DateFormat.LONG)
  • SimpleDateFormat built using the value of the 'displayFormat' attribute(if any)

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
javascriptTooltip false false true Boolean Use JavaScript to generate tooltips
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
templateCssPath false true String Template css path
templateDir false true String The template directory.
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 Deprecated. Use individual tooltip configuration attributes instead.
tooltipCssClass false StrutsTTClassic true String CSS class applied to JavaScrip tooltips
tooltipDelay false Classic true String Delay in milliseconds, before showing JavaScript tooltips
tooltipIconPath false true String Icon path used for image that will have the tooltip
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
valueNotifyTopics false true String Comma delimmited list of topics that will published when a value is selected
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" displayFormat="yyyy-MM-dd"  />
Example 3:   
     <s:datetimepicker name="delivery.date" label="Delivery Date" value="%{date}"  />
 Example 3:    
     <s:datetimepicker name="delivery.date" label="Delivery Date" value="%{'2007-01-01'}"  />