Skip to main content

Datetimepicker Tag Example

In this section, we are going to describe the datetimepicker tag. The datetimepicker tag is a UI tag that is used to render 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 default current locale will be used.

Add the following code snippet into the struts.xml file.


struts.xml

<action name="datetimepickerTag" class="net.struts2.includeTag">
   <result>/pages/uiTags/datetimepickerTag.jsp</result>
</action>


Create an action class as shown:

includeTag.java

package net.struts2;
import com.opensymphony.xwork2.ActionSupport;
import java.util.*;

public class includeTag extends ActionSupport {
  private Date myBirthday;
  public String execute() throws Exception{
  setMyBirthday(new Date("Jan 12, 1984 11:21:30 AM"));
  return SUCCESS;
  }
  public void setMyBirthday(Date date){
  this.myBirthday = date;
  }
  public Date getMyBirthday(){
  return myBirthday;
  }
}

Create a jsp using the tag <s:datetimepicker> This tag renders a date/time picker in a dropdown container.

The tag <s:datetimepicker name="myBirthday" label="My Birth Day (dd-MM- yyyy)" displayFormat="dd-MM-yyyy" /> picks the data from the action class
"includeTag" using the parameter name="myBirthday" using the display format as displayFormat="dd-MM-yyyy".

datetimepickerTag.jsp

<%@ taglib prefix="s" uri="/struts-tags" %>

<html>
  <head> 
  <title>Datetimepicker (Form Tag) Tag Example!</title>
  <link href="<s:url value="/css/main.css"/>" rel="stylesheet"
  type="text/css"/>

  <s:head theme="ajax" />
  </head>
  <body>
  <h1><span style="background-color: #FFFFcc">Datetimepicker 
    Tag Example!</span></h1>
  <s:datetimepicker name="myBirthday" label="My Birth Day 
   (dd-MM-yyyy)" displayFormat="dd-MM-yyyy" />    
  </body>
</html>


Output of the datetimepickerTag.jsp:

Labels:

Popular posts from this blog

Struts2 - Optgroup Tag (Form Tags)

In this section, we are going to describe the optgroup tag. The optgroup tag is a UI tag that creates an optgroup component which needs to reside within a select tag <s:select>. Add the following code snippet into the struts.xml file. struts.xml <action name="optgroupTag">    <result>/pages/uiTags/optgroupTag.jsp</result> </action> Create a jsp using the tag <s:optgroup> within the <s:select> tag. It creates an optgroup component. This tag contains few parameters: The label parameter sets the label attribute In our case we have set it to " Hardware " and " Software ". optgroupTag.jsp <%@ taglib prefix="s" uri="/struts-tags" %> <html>   <head>   <title>Optgroup Tag Example!</title>    </head>   <body>  <h1><span style="background-color: #FFFFcc">Optgroup Tag Ex...
Read more

Struts2 - Textfield Tag (Form Tags)

In this section, we are going to describe the textfield tag. The textfield tag is a UI tag that is used to render an HTML input field of type text. Add the following code snippet into the struts.xml file. struts.xml <action name="submitTag">   <result>/pages/uiTags/submitTag.jsp</result> </action> Create a jsp using the tag <s:textfield >  that renders an HTML input field of type text. <s:textfield label="Employee Name" name="empname" size="15" maxlength="10" /> tag displays an HTML text field with label equal to Employee Name with length of 15 columns. textfieldTag.jsp <%@ taglib prefix="s" uri="/struts-tags" %> <html>   <head>   <title>Textfield Tag Example</title>   </head>   <body>   <h1><span style="background-color: #FFFFcc">Tex...
Post a Comment
Read more

Struts2 - Submit Tag (Form Tags)

In this section, we are going to describe the submit tag . The submit tag is a UI tag that is used to render a submit button. The submit tag is used with the form tag to provide asynchronous form submissions. The submit can have three different types of rendering: • input: renders as html <input type="submit"...> • image: renders as html <input type="image"...> • button: renders as html <button type="submit"...> Add the following code snippet into the struts.xml file. struts.xml <action name="submitTag">   <result>/pages/uiTags/submitTag.jsp</result> </action> Create a jsp using the tag <s:submit> that renders a submit button. This tag contains various parameters: The value parameter presets the value of input element. In our 1st case we have set it to " Submit " The type parameter sets the type of submit to use. Valid values are input, button and image. In o...
Post a Comment
Read more