struts2 ajax标签之datetimepicker的用法

最新推荐文章于 2017-09-08 17:44:22 发布

原创最新推荐文章于 2017-09-08 17:44:22 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #Dojo #JavaScript #XHTML #Blog #ViewUI

struts2 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了Struts2框架中Datetimepicker组件的使用方法，包括配置参数、显示格式设置及JavaScript操作方式等内容。

来源：http://hi.baidu.com/ygnh66163com/blog/item/c5e88beedfc8f2fdb3fb9549.html

datetimepicker是一个用来获得选择的日期或时间的输入框，具体用法如下表

表头需要加：

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

       <sx:datetimepicker name="date" label="Order Date" displayFormat="yy-MM-dd" type="date"/> 
     <!--lable为输入框的标签，也就是显示在输入框前边的字--> 
     <!--name对应action中的变量,可以为String或Date--> 
     <!--displayFormat输入框里日期的显示格式，支持的字母表示在下边--> 
     <!--type显示的类型，有两个date和time，分别对应日期和时间--> 
     <sx:datetimepicker value="%{date}"/> 
     <sx:datetimepicker value="%{'2007-01-01'}"/> 
     <sx:datetimepicker value="%{'today'}"/> 
     <!--value表示输入框里的显示默认值，可以为变量，也可以为具体的日期。today则表示今天的日期--> 

 

显示格式支持的字母表示

d	相对于每个月的天数
D	相对于每年的天数
M	经我试验，MM显示数字例如'09'，MMM显示汉字例如'一月'，但是有乱码，不知道是什么原因
y	年
h	12小时制的小时
H	24小时制的小时
m	分钟
s	秒

通过javascript操作datetimepicker的方法

<sx:datetimepicker id="picker" label="Order Date" /> <script type="text/javascript"> function setValue() { var picker = dojo.widget.byId("picker"); //string value picker.setValue('2007-01-01'); //Date value picker.setValue(new Date()); } function showValue() { var picker = dojo.widget.byId("picker"); //string value var stringValue = picker.getValue(); alert(stringValue); //date value var dateValue = picker.getDate(); alert(dateValue); } </script>