重写easyUI日期控件,只限制年月
来源:互联网 发布:多功能双肩背包 知乎 编辑:程序博客网 时间:2024/05/17 17:17
js
初始化date控件
$('#jssj').combobox('yearandmonth');//开始时间
$('#kssj').combobox('yearandmonth');//结束时间 $.extend($.fn.combobox.methods, {//重写easyUI日期控件,只限制年月
yearandmonth: function (jq) {
return jq.each(function () {
var obj = $(this).combobox();
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var table = $('<table>');
var tr1 = $('<tr>');
var tr1td1 = $('<td>', {
text: '-',
click: function () {
var y = $(this).next().html();
y = parseInt(y) - 1;
$(this).next().html(y);
}
});
tr1td1.appendTo(tr1);
var tr1td2 = $('<td>', {
text: year
}).appendTo(tr1);
var tr1td3 = $('<td>', {
text: '+',
click: function () {
var y = $(this).prev().html();
y = parseInt(y) + 1;
$(this).prev().html(y);
}
}).appendTo(tr1);
tr1.appendTo(table);
var n = 1;
for (var i = 1; i <= 4; i++) {
var tr = $('<tr>');
for (var m = 1; m <= 3; m++) {
var td = $('<td>', {
text: n,
click: function () {
var yyyy = $(table).find("tr:first>td:eq(1)").html();
var cell = $(this).html();
var v = yyyy + '-' + (cell.length < 2 ? '0' + cell : cell);
obj.combobox('setValue', v).combobox('hidePanel');
}
});
if (n == month) {
td.addClass('tdbackground');
}
td.appendTo(tr);
n++;
}
tr.appendTo(table);
}
table.addClass('mytable cursor');
table.find('td').hover(function () {
$(this).addClass('tdbackground');
}, function () {
$(this).removeClass('tdbackground');
});
table.appendTo(obj.combobox("panel"));
});
}
});css
.mytable
{
padding: 0;
margin: 10px auto;
border-collapse: collapse;
font-family: @宋体;
empty-cells: show;
}
.mytable caption
{
font-size: 12px;
color: #0E2D5F;
height: 16px;
line-height: 16px;
border: 1px dashed red;
empty-cells: show;
}
.mytable tr th
{
border: 1px dashed #C1DAD7;
letter-spacing: 2px;
text-align: left;
padding: 6px 6px 6px 12px;
font-size: 13px;
height: 16px;
line-height: 16px;
empty-cells: show;
}
.mytable tr td
{
font-size: 12px;
border: 1px dashed #C1DAD7;
padding: 6px 6px 6px 12px;
empty-cells: show;
border-collapse: collapse;
}
.cursor
{
cursor: pointer;
}
.tdbackground
{
background-color: #FFE48D;
} 阅读全文
0 0
- 重写easyUI日期控件,只限制年月
- easyui-datebox 日期控件 只显示年月 不显示日
- EasyUi日期控件datebox设置,只显示年月
- 修改easyui日期控件只显示年月,并且只能选择年月
- 修改easyui日期控件只显示年月,并且只能选择年月
- EasyUi日期控件datebox设置,只显示年月,也只能选择年月
- bootstrap datetimepicker 日期控件只显示年月(日期限制范围)或只显示年
- easyUI 设置日期控件当前日期前一天 当前日期前一个月(只显示年月)
- easyui日期插件改进,只显示年月
- Easyui Datebx日期框只显示 年月
- easyui时间控件只显示年月
- Android 日期控件只显示年月
- 只显示年月的日期控件
- easyui只显示年月
- easyui datebox只显示年月选择,隐藏日期
- DatePicker控件/日期控件,只显示年月/隐藏日
- 日期只选择年月
- Android日期控件——只显示年月(通用版)
- 网站安装ssl证书(http转https)
- 树的直径、树的重心与树的点分治学习笔记
- javascript中如何获得div中所有span对象
- 171208之Oracle总结
- c语言练习 插入排序 gcd求解
- 重写easyUI日期控件,只限制年月
- 面向对象程序设计上机练习七(类和对象)
- UITextView去掉单行的边距以及各种坑
- mac 回车键、空格键失灵(非物理原因)解决方法
- 百度地图API中使用ajax实现点击地图生成标注并保存到数据库
- ubuntu16.04.3环境下搭建open face
- CentOS上安装Oracle XE指南
- QT控件大全 十五 QPot
- 设计一个字符串子串删除函数 将结果子串指针返回 用主程序验证