EasyUi日期控件datebox设置,只显示年月,也只能选择年月
来源:互联网 发布:quick是什么软件 编辑:程序博客网 时间:2024/05/22 14:24
EasyUi日期控件datebox设置,只显示年月,也只能选择年月
1、input 代码
<table> <tr> <td>年月</td> <td> <input id="attYearMonth" editable="false" name="attYearMonth" class="easyui-datebox" style="width: 172px" /> </td> </tr></table>
2、设置只显示年月,只能选持年月:
$(function() { $('#attYearMonth').datebox({ //显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 onShowPanel: function () { //触发click事件弹出月份层 span.trigger('click'); if (!tds) //延时触发获取月份对象,因为上面的事件触发和对象生成有时间间隔 setTimeout(function() { tds = p.find('div.calendar-menu-month-inner td'); tds.click(function(e) { //禁止冒泡执行easyui给月份绑定的事件 e.stopPropagation(); //得到年份 var year = /\d{4}/.exec(span.html())[0] , //月份 //之前是这样的month = parseInt($(this).attr('abbr'), 10) + 1; month = parseInt($(this).attr('abbr'), 10); //隐藏日期对象 $('#attYearMonth').datebox('hidePanel') //设置日期的值 .datebox('setValue', year + '-' + month); }); }, 0); }, //配置parser,返回选择的日期 parser: function (s) { if (!s) return new Date(); var arr = s.split('-'); return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1); }, //配置formatter,只返回年月 之前是这样的d.getFullYear() + '-' +(d.getMonth()); formatter: function (d) { var currentMonth = (d.getMonth()+1); var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + ''); return d.getFullYear() + '-' + currentMonthStr; } }); //日期选择对象 var p = $('#attYearMonth').datebox('panel'), //日期选择对象中月份 tds = false, //显示月份层的触发控件 span = p.find('span.calendar-text'); var curr_time = new Date(); //设置前当月 $("#attYearMonth").datebox("setValue", myformatter(curr_time));});
3、myformatter函数:
//格式化日期function myformatter(date) { //获取年份 var y = date.getFullYear(); //获取月份 var m = date.getMonth() + 1; return y + '-' + m;}
4、运行效果
只显示年月
只能选择年月
本文参考转截easyui datebox 只选择年月
说明:本文代码与参考连接不同的地方有两处理:
不同1、myformatter函数
转载为:
//格式化日期function myformatter(date) { var y = date.getFullYear(); var m = date.getMonth() + 1; //var d = 1; return y + ‘-‘ + (m < 10 ? (‘0‘ + m) : m);//+ ‘-‘ + (d < 10 ? (‘0‘ + d) : d);}
本文为:
//格式化日期function myformatter(date) { //获取年份 var y = date.getFullYear(); //获取月份 var m = date.getMonth() + 1; return y + '-' + m;}
不同2、formatter
转截formatter:
formatter: function (d) { return d.getFullYear() + ‘-‘ +(d.getMonth()+1); }
本文formatter:
formatter: function (d) { var currentMonth = (d.getMonth()+1); var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + ''); return d.getFullYear() + '-' + currentMonthStr; }
阅读全文
2 1
- EasyUi日期控件datebox设置,只显示年月,也只能选择年月
- EasyUi日期控件datebox设置,只显示年月
- easyui-datebox 日期控件 只显示年月 不显示日
- 修改easyui日期控件只显示年月,并且只能选择年月
- 修改easyui日期控件只显示年月,并且只能选择年月
- easyui datebox只显示年月选择,隐藏日期
- easyui-datebox只选择年月
- easyui datebox只显示年月
- easyui datebox 只显示年月
- easyui datebox 扩展 只显示年月
- easyUI 设置日期控件当前日期前一天 当前日期前一个月(只显示年月)
- 重写easyUI日期控件,只限制年月
- easyui的datebox只显示到年月【转载】
- easyui日期插件改进,只显示年月
- Easyui Datebx日期框只显示 年月
- easyui只显示年月
- 日期只选择年月
- easyui时间控件只显示年月
- 你为什么总过不了英语四六级?
- 图形的保存和重绘
- Xcode 8+安装Alcatraz插件管理器
- Java注释@interface的用法
- linux 免密登陆
- EasyUi日期控件datebox设置,只显示年月,也只能选择年月
- leetcode566. Reshape the Matrix
- 改变对话框和控件的背景及文本颜色
- Windows下 WebStorm 配置使用SVN
- SDUT-1149 计算题
- Linux服务管理
- 绘图控制
- Linux下(以RedHat为范本)添加开机自启动脚本有两种方法
- CSS从基础到高级