`
raymond.chen
  • 浏览: 1436971 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

自定义标签:下拉框月份选择控件

阅读更多

一、标签源代码

public class CalendarMonthTag extends BaseBodyTagSupport {
	private String name;
	private String allowEmpty = "true";
	private String defaultCurrent = "false";
	
	public int doEndTag() throws JspException {
		Calendar cal = DatetimeUtil.getCalendar();
		int curMonth = cal.get(Calendar.MONTH);
		
		Map dataModel = new HashMap();
		dataModel.put("name", CommonUtil.trim(name));
		dataModel.put("allowEmpty", CommonUtil.trim(allowEmpty));
		dataModel.put("defaultCurrent", CommonUtil.trim(defaultCurrent));
		dataModel.put("curMonth", new Long(curMonth+1));
		
		try{
			String ret = render(pageContext.getServletContext(), dataModel, "taglib/CalendarMonth.ftl");
			pageContext.getOut().println(ret);
			
		}catch(Exception ex){
			throw new JspException(ex);
		}
		
		return EVAL_PAGE;
	}
}

 

二、FTL模板

<select name="${name}">
	<#if allowEmpty=="true">
		<option value=""></option>
	</#if>
	<#list 1..12 as m>
		<option value="<#if m lt 10>0</#if>${m?string('####')}" <#if defaultCurrent=="true" && curMonth==m> selected</#if>><#if m lt 10>0</#if>${m?string('####')}月</option>
	</#list>
</select>

 

三、属性说明

     name:指定控件的名称。
     allowEmpty:指定是否可以选择空值。可选值为:true 或 false。默认值为true。
     defaultCurrent:指定默认值是否为当前年份值。可选值为:true 或 false。默认值为false。

 

四、范例

<cjm:calendarMonth name="month" allowEmpty="false" defaultCurrent="true"/>

 

分享到:
评论

相关推荐

    日历控件

    控件应支持基本的日期选择、月份切换、事件标记等功能,同时考虑可访问性和响应式设计以适应不同的设备。 在实际开发中,工具有时能显著提高效率。"工具"标签可能指的是开发者可以利用的各种日历插件或框架,例如在...

    日期时间控件日期时间控件

    - 日历控件:通常显示一个月份的日历,用户可以通过点击选择特定日期。 - 时间选择器:提供小时、分钟和秒的滑块或下拉框供用户选择。 - 联合控件:结合日历和时间选择器,允许用户同时选择日期和时间。 3. **...

    win8风格的年月日选择控件

    这个CSS文件将规定日期选择器的各个部分(如年份、月份和日期的下拉框)的样式,包括字体、颜色、边框、背景色等,以确保与Windows 8的视觉语言一致。 "index.html"是主页面文件,它包含了HTML结构,定义了页面的...

    日期控件

    常见的日期控件有日历小部件、下拉框选择日期等,它们通常被用于填写日期相关的表单字段,如生日、预约日期等。 2. **HTML5中的日期输入类型**: HTML5引入了`&lt;input type="date"&gt;`标签,提供了一个内置的日期选择...

    web组建开发指南

    - **ultiLabel标签**:可能是用于自定义标签的标签,具体功能需查阅文档或实例代码。 - **loading标签**:创建加载指示器,表示正在进行后台处理。 - **value标签**:可能用于显示变量的值或状态。 - **html标签...

    日期 时间js控件

    - 定义了按钮、下拉框、日历体、日期显示单元格、字体、链接等的CSS样式,以便用户可以自定义控件外观。 5. **控件变量定义**: - 定义了可选择的年份范围(开始年份和结束年份),并初始化当前年份、月份。 - ...

    一个jquery的生日选择插件

    【jQuery生日选择插件详解】 在网页开发中,经常需要用户输入出生日期,传统的HTML `&lt;select&gt;` 标签虽然可以实现这一功能,但其样式和交互性往往不能满足现代Web界面的需求。在这种背景下,jQuery生日选择插件...

    js有小时和分钟的日历

    此外,还需要小时和分钟的选择器,这些可以通过下拉框、滑块或者时间选择对话框的形式呈现。 3. **事件监听**:为日历的不同元素添加事件监听器,例如点击日期单元格、滑动小时选择器等,当用户进行交互时,触发...

    javascript经典例子.txt

    - 实现方法:使用HTML的`&lt;input type="time"&gt;`标签或通过JavaScript自定义一个时间选择器。 - **1.3 万年历** - 描述:展示一个可查看任意年份的日历。 - 实现方法:使用JavaScript根据用户选择的年份动态生成...

    JS 日历控件(蓝色)

    `.selectBox` 类则用于下拉框,具有滚动条和自定义的滚动条样式,这在用户选择日期范围时非常有用。 4. **JavaScript 功能**:虽然没有提供具体的JavaScript代码,但日历控件通常会包含JavaScript功能,如显示和...

    js前端日历控件(悬浮、拖拽、自由变形)

    5. **其他选项**:如`initDate`用于初始化日期,`language`设置语言,`resizable`和`draggable`分别控制是否可自由变形和拖动,`showYearAndMonth`决定是否显示年月选择下拉框。 ### 示例代码 在HTML中,可以通过...

    软件界面设计工具_3款合集

    丰富的控件 方便的属性设置 当你选择一个控件时,会立刻出现该控件的属性选项,你可以随时编辑修改属性。 属性设定 无限的恢复/重做,不用担心出错,你可以无限制的进行回复和重做。 开放,可移植的数据 Balsamiq ...

    javascript代码常用大全

    - 可以使用第三方库如 `jQuery UI Datepicker` 或者自定义实现一个日历插件。 - **1.2 时间控件** - 创建一个可以调整时间的界面组件。 - **1.3 万年历** - 提供一个覆盖多年的时间选择器。 - **1.4 显示动态显示...

Global site tag (gtag.js) - Google Analytics