EasyUI:年份、月份下拉框Demo
EasyUI:年份、月份下拉框Demo
jsp中定义:
<td width="10%" height="25px" style="text-align:center;"><font style="font-size: 12px;">年度:</font></td>
<td width="15%" height="25px" style="text-align: left;">
<input id="yearChoose" name="yearChoose" class="easyui-combobox ui-text" type="text" value="${yearChoose}" style="width:120px" />
</td>
<td width="10%" height="25px" style="text-align:center;"><font style="font-size: 12px;">月份:</font></td>
<td width="15%" height="25px" style="text-align: left;">
<input id="monthChoose" name="monthChoose" class="easyui-combobox ui-text" type="text" value="${monthChoose}" style="width:120px" />
</td>
js中初始化:
//年度下拉框初始化
$("#yearChoose").combobox({
valueField:'year',
textField:'year',
panelHeight:'auto'
});
var data = [];//创建年度数组
var startYear;//起始年份
var thisYear=new Date().getUTCFullYear();//今年
var endYear=thisYear+1;//结束年份
//数组添加值(2012-2016)//根据情况自己修改
for(startYear=endYear-4;startYear<=thisYear;startYear++){
data.push({"year":startYear});
}
$("#yearChoose").combobox("loadData", data);//下拉框加载数据
$("#yearChoose").combobox("setValue",thisYear);//设置默认值为今年
//月度下拉框初始化
$("#monthChoose").combobox({
valueField:'month',
textField:'month',
panelHeight:'auto',
editable:false
});
var data1 = [];//创建月份数组
var startMonth=1;//起始月份
var thisMonth=new Date().getUTCMonth()+1;//本月
//数组添加值(1-12月)为固定值
for(startMonth;startMonth<13;startMonth++){
data1.push({"month":startMonth});
}
$("#monthChoose").combobox("loadData", data1);//下拉框加载数据
$("#monthChoose").combobox("setValue",thisMonth);//设置默认值为本月
效果(年份):
效果(月份):
EasyUI:年份、月份下拉框Demo的更多相关文章
- easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
- jquery easyui无法绑定下拉框内容
最近在研究jquery easyui的DataGrid,发现DataGrid中的下拉框无法绑定值,找了很久也没发现是具体问题所在,最后还是同事帮忙搞定的.具体问题竟然是jquery easyui提供的 ...
- easyui datagrid combobox下拉框获取数据问题
最近在使用easyui的datagrid,在可编辑表格中添加一个下拉框,查了下API,可以设置type : 'combobox',来做下拉框,这下拉框是有了,可是这后台数据怎么传过来呢,通过查API可 ...
- Easyui多个下拉框联动效果
好久没写前端了,以前在做多级联动的时候,用的是easyui的tree结构,但是需要一次性全部加载,不是按需加载,性能不好,退而求其之,用多个下拉框做 eayui的combobox 有onSelect ...
- ajax 多级联动 下拉框 Demo
写了ajax实现级联下拉框,考虑常用,并且级联个数随不同业务个数不同,于是就整理了一下,实现了 ajax + N级联动 下拉框的效果 效果图 HTML 代码 <h2> 省级联动</h ...
- EasyUI combobox实现下拉框多选遇坑记录
场景一: 多选正常从第二个选项增加逗号,我选第一个的时候就冒出一个逗号 解决方案一: 这是因为当前的下拉框的值可能为undefined,需要手动清空一下 $("#id").comb ...
- EasyUI清空combotree下拉框图标
代码: //清空combotree下拉框图标 $(".tree-icon,.tree-file").removeClass("tree-icon tree-file&qu ...
- js中年份、月份下拉框
<select id="year" style="width: 100px;"></select> <select id=&quo ...
- easyui中自定义下拉框的使用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
随机推荐
- Sql Server根据表名生成查询的存储过程(查询条件可选)
static void Main(string[] args) { string 表名 = "water_emstime"; string sql = "exec Get ...
- HTML特殊字符的html、js、css写法汇总
⇠ 箭头类 符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ ⇠ \u21E0 \21E0 ⇢ ⇢ \u21E2 \2 ...
- opencv2.4.9+VS2010配置
opencv2.4.9 https://pan.baidu.com/s/15b5bEY65R4CptayEYVAG4A 安装包路径:D:\文件及下载相关\文档\Tencent Files\845235 ...
- jQuery左右选择框
<!DOCTYPE html> <html> <head> <title>左右选择框</title> <style type=&quo ...
- servlet各版本区别以及dynamic web module 版本之间的区别
java的web系统有多种类型,比如静态的和动态的,然后动态的java web project要设置dynamic web module,也就是动态网页模型,他必须要喝对应的服务器搭配好了才能跑,今天 ...
- 使用phpnow本地搭建Discuz!如何实现伪静态
用phpnow本地搭建Discuz!如何实现伪静态 因为phpnow本身就支持伪静态,那只要看下相关的设置是否正确,写个.htaccess的文件就可以了. 一.确认httpd.conf的设置 在xxx ...
- [LintCode] A + B 问题
Bit-by-Bit summation: class Solution { public: /* * @param a: The first integer * @param b: The seco ...
- 基于Web和二维码的文件传输服务
在工作中难免需要对外提供一些我们抓取的log或者操作视频之类的资料,但由于工作环境日渐规范和严格,公司的网络环境和客户的网络环境是被独立开来的.这样做的好处不必多说,但同时也给我们工作带来的诸多不便. ...
- 机器被感染病毒文件zigw的处理流程
1.现象 服务器CPU报警,查看时,已接近100%. 2.查找 使用top查看是哪个进程在占用CPU,此时zigw立刻出现,记录下进程的PID,假如为12345. (1) 如果在不知道程序的路径前,就 ...
- Gson 解析多层嵌套JSON数据
http://stackoverflow.com/questions/14139437/java-type-generic-as-argument-for-gson