一、标签源代码
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. **...
这个CSS文件将规定日期选择器的各个部分(如年份、月份和日期的下拉框)的样式,包括字体、颜色、边框、背景色等,以确保与Windows 8的视觉语言一致。 "index.html"是主页面文件,它包含了HTML结构,定义了页面的...
常见的日期控件有日历小部件、下拉框选择日期等,它们通常被用于填写日期相关的表单字段,如生日、预约日期等。 2. **HTML5中的日期输入类型**: HTML5引入了`<input type="date">`标签,提供了一个内置的日期选择...
- **ultiLabel标签**:可能是用于自定义标签的标签,具体功能需查阅文档或实例代码。 - **loading标签**:创建加载指示器,表示正在进行后台处理。 - **value标签**:可能用于显示变量的值或状态。 - **html标签...
- 定义了按钮、下拉框、日历体、日期显示单元格、字体、链接等的CSS样式,以便用户可以自定义控件外观。 5. **控件变量定义**: - 定义了可选择的年份范围(开始年份和结束年份),并初始化当前年份、月份。 - ...
【jQuery生日选择插件详解】 在网页开发中,经常需要用户输入出生日期,传统的HTML `<select>` 标签虽然可以实现这一功能,但其样式和交互性往往不能满足现代Web界面的需求。在这种背景下,jQuery生日选择插件...
此外,还需要小时和分钟的选择器,这些可以通过下拉框、滑块或者时间选择对话框的形式呈现。 3. **事件监听**:为日历的不同元素添加事件监听器,例如点击日期单元格、滑动小时选择器等,当用户进行交互时,触发...
- 实现方法:使用HTML的`<input type="time">`标签或通过JavaScript自定义一个时间选择器。 - **1.3 万年历** - 描述:展示一个可查看任意年份的日历。 - 实现方法:使用JavaScript根据用户选择的年份动态生成...
`.selectBox` 类则用于下拉框,具有滚动条和自定义的滚动条样式,这在用户选择日期范围时非常有用。 4. **JavaScript 功能**:虽然没有提供具体的JavaScript代码,但日历控件通常会包含JavaScript功能,如显示和...
5. **其他选项**:如`initDate`用于初始化日期,`language`设置语言,`resizable`和`draggable`分别控制是否可自由变形和拖动,`showYearAndMonth`决定是否显示年月选择下拉框。 ### 示例代码 在HTML中,可以通过...
丰富的控件 方便的属性设置 当你选择一个控件时,会立刻出现该控件的属性选项,你可以随时编辑修改属性。 属性设定 无限的恢复/重做,不用担心出错,你可以无限制的进行回复和重做。 开放,可移植的数据 Balsamiq ...
- 可以使用第三方库如 `jQuery UI Datepicker` 或者自定义实现一个日历插件。 - **1.2 时间控件** - 创建一个可以调整时间的界面组件。 - **1.3 万年历** - 提供一个覆盖多年的时间选择器。 - **1.4 显示动态显示...