`
阅读更多

官方参考文档:http://struts.apache.org/2.1.6/docs/datetimepicker.html

 

在以前的struts2.0版本中s:datetimepicker只需要在head标签处设置
<s:head theme="ajax"/>,
就可以直接使用s:datetimepicker的标签了。
而在2.1.6版本中不能直接这样使用了,将datetimepicker移除了。
原因是此标签调用了dojo的datetimepicker的库。

1.所以现在使用的时候首先要导入一个库 :

struts2-dojo-plugin-2.1.6.jar

 

2.在要生成日期控件的页面头部加上:

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

 

3.然后在web页面的head标签下面加上<sx:head/>

也可以加上下面两句话

  • <s:head theme="xhtml"/>  
  • <sd:head parseContent="true"/> 

 

4.现在就可以实现各种日期控件

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>struts2.1的新标签</title>
<!-- 记住加上下面这一句话 -->
<sx:head/>
</head>
<body>
  <b>设置最简单datetimepicker标签 :</b>
  <br>
  <sx:datetimepicker name="birthday" label="出生日期" />
  <br>

  <b>设置displayFormat参数为   yyyy年MM月dd日 displayWeeks参数为4的datetimepicker标签 :</b>
  <br>
  <sx:datetimepicker name="birthday" label="出生日期"
                     displayFormat="yyyy年MM月dd日" displayWeeks="4" /> 
  <br>

  <b>设置weekStartsOn参数为1(第一行显示星期一),toggleType参数为fade的datetimepicker标签:</b>
  <br>
  <sx:datetimepicker name="birthday" label="出生日期"
                     weekStartsOn="1" toggleType="fade"/>
  <br>

  <b>设置显示时间datetimepicker标签: </b>
  <br>
  <sx:datetimepicker type="time" name="birthday" label="出生日期" displayFormat="HH:mm:ss"/>
  <br>

  <b>设置缓慢展开效果的datetimepicker标签(toggleDuration表示explode效果延时时间): </b>
  <br>  
   <sx:datetimepicker name="birthday"
                      toggleType="explode" toggleDuration="400" />

  <br>

  <b>设置显示时间和日期的datetimepicker标签(但是暂时日期只能当前的日期,不能选择,不知道怎么实现): </b>
  <br> 
   <sx:datetimepicker name="birthday" type="time"
              toggleType="explode" toggleDuration="400"
               displayFormat="yyyy-MM-dd hh:mm:ss" />

 

</body>
</html>

分享到:
评论

相关推荐

    C# toolstrip 上添加 DateTimePicker Control控件

    在C#编程中,将DateTimePicker控件添加到ToolStrip(工具栏)上是一个常见的需求,尤其是在需要用户快速选择日期和时间的应用场景下。通过本文,我们将深入探讨如何在C#中实现这一功能,并理解其背后的技术细节。 #...

    WinForm中界面日期相减(DateTimePicker控件)

    在Windows Forms(WinForm)开发中,DateTimePicker控件是一个常用元素,用于用户选择日期或时间。本主题将深入探讨如何在WinForm应用中利用DateTimePicker控件进行日期的相减操作,从而实现一些日期计算的功能。 ...

    DateTimePicker控件

    DateTimePicker控件是UI设计中常见的一种元素,它允许用户同时选择日期和时间,通常用于需要用户输入特定日期和时间的场景。在本讨论中,我们聚焦于一个使用Silverlight技术封装的DateTimePicker控件。 Silverlight...

    datetimepicker控件显示日期和时间并修改

    `DateTimePicker` 是一个在 Windows Forms 应用程序中常用的控件,用于让用户选择日期或时间。它结合了日历选择器和时间选择器的功能,使得用户可以选择具体的日期和时间。 #### 二、DateTimePicker 的基本属性 在...

    VB DateTimePicker控件显示时间DateTimePicker控件显示时间

    在VB(Visual Basic)编程环境中,DateTimePicker控件是一个常用的时间和日期选择组件,它允许用户从一个下拉日历中选择日期或时间,或者直接输入。在VC2005(Visual C++ 2005)中,虽然不是直接的VB环境,但这个...

    WPF日期时间控件-DateTimePicker

    在Windows Presentation Foundation (WPF)框架中,DateTimePicker是一个非常实用的控件,它允许用户在界面中方便地选择日期和时间。这个控件在许多应用程序中都有广泛的应用,例如日程管理、事件安排或者数据录入等...

    WPF日期时间控件 DateTimePicker

    WPF自带的控件中只有Datepicker这个控件,不足以满足功能,鉴于WPF强大的自定义控件Usercontrol的功能,所以修改了一个支持选择日期时间控件---DateTimePicker,

    bootstrap-datetimepicker日期控件js及css文件

    Bootstrap-Datetimepicker是一款基于Bootstrap框架的日期和时间选择插件,它为网页应用程序提供美观、易用的日历组件。这个压缩包包含该插件运行所需的JavaScript(js)和样式表(css)文件,使得开发者能够方便地在...

    如何对Datetimepicker控件进行日期赋值操作?

    如何对Datetimepicker控件进行日期赋值操作?

    bootstrap-datetimepicker时间控件使用小demo

    以上代码创建了一个基本的Bootstrap-Datetimepicker时间控件DEMO,用户可以点击日历图标或者直接在输入框中输入日期和时间。`format`参数定义了日期和时间的显示格式,`locale`参数设置了中文语言,`sideBySide`参数...

    winform C# 漂亮好用的日期选择控件,使用触屏操作

    在C#中,DateTimePicker控件是内置的日期和时间选择组件,但它的设计可能并不完全适合触屏环境。为了打造一个触屏友好的日期选择器,我们可以考虑自定义控件或寻找第三方库来实现。 1. **自定义控件**:你可以通过...

    struts2.0中s:datetimepicker标签使用范例

    在探讨《struts2.0中s:datetimepicker标签使用范例》这一主题时,我们首先需要理解struts2框架以及其内置的s:datetimepicker标签的用途与配置方法。Struts2是一个开源的Web应用框架,基于MVC(Model-View-Controller...

    VC/MFC使用日期控件设置、获取日期时间信息

    在这个话题中,我们将深入探讨如何在MFC应用中使用日期控件(CDateTimeCtrl)来设置和获取日期时间信息。日期控件是用户界面中常见的元素,它允许用户选择一个日期或时间,通常用于日程管理、事件记录等场景。 首先...

    WPF日期时间选择DateTimePicker

    在Windows Presentation Foundation(WPF)框架中,DateTimePicker是一个非常实用的控件,它允许用户方便地选择日期和时间。这个控件结合了DatePicker(日期选择器)和TimePicker(时间选择器)的功能,为用户提供了...

    WPF中的DateTimePicker控件

    在Windows Presentation Foundation(WPF)框架中,DateTimePicker控件是一个非常实用的UI元素,它允许用户方便地选择日期和时间。这篇详细讲解将深入探讨这个控件的使用、功能和自定义方法。 首先,DateTimePicker...

    .net asp DateTimePicker控件

    在.NET ASP.NET开发环境中,DateTimePicker控件是一个非常常见的组件,用于用户界面中选择日期和时间。这个控件使得用户可以方便地通过图形化界面输入或选择日期和时间,极大地提高了用户交互体验。本文将深入探讨...

    wps中excel日期控件下载

    日期控件的使用不仅限于单个单元格,还可以与其他公式、数据验证规则和VBA宏结合,实现更复杂的数据管理和自动化操作。例如,你可以设置数据验证规则,确保用户只能选择在特定范围内或满足特定条件的日期。 总的来...

    datetimepicker控件

    datetimepicker控件是软件开发中常见的一种用户界面元素,主要用于让用户选择或输入日期和时间。在Windows应用程序、网页开发或者移动应用中,datetimepicker都扮演着重要的角色,提供了一种直观且用户友好的方式来...

    javascript中读取Struts2标签datetimepicker的值.doc

    `s:datetimepicker`是Struts2提供的一个用于日期时间选择的标签,它允许用户选择日期和时间。此标签通常结合Dojo工具包来实现日期时间的选择功能。下面是一个基本的例子: ```xml &lt;s:datetimepicker id="time1" ...

    非常好看的winform 自定义日期控件

    可以继承DateTimePicker控件,然后扩展其功能,或者完全从头构建一个包含日期选择、验证和格式化的新类。C#的DateTime结构提供了一系列方法和属性,方便我们进行日期操作。 4. **用户体验**:为了让用户更容易选择...

Global site tag (gtag.js) - Google Analytics