
easyui的easyui-datebox只显示年份-月份,且月份修改成中文
发布日期:2021-05-06 17:27:53
浏览次数:22
分类:精选文章
本文共 2349 字,大约阅读时间需要 7 分钟。
由于项目是从月到月,不想让用户选择日期,再从日期中取月份.想一步到位.
然后去网上找了现有代码,发现网上的代码在本地还是只显示日期,没有显示月份.也许是大家用的版本不同.于是做了一些调整后,可以达到目的.并且加上了将月份改成中文的代码var monthsArr=['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];function setDateSe(fdID){ var c = $('#'+fdID).datebox('calendar'); //修改月份显示,改成中文月份,如果想要修改星期等日历的其它属性,也是同样的方式 c.calendar({ months: monthsArr }); $('#'+fdID).datebox({ //显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 onShowPanel: function () { //触发click事件弹出月份层 var span=$("div.calendar-title span"); 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); month = month < 10 ? ('0' + month) : (month + ''); //点击完后,隐藏替换的日期,并赋值 $('#'+fdID).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 = $('#'+fdID).datebox('panel'), //日期选择对象中月份 tds = false, //显示月份层的触发控件 span = p.find('span.calendar-text'); var curr_time = new Date(); //设置前当月 // $("#"+fdID).datebox("setValue", curr_time);}//隐藏日期按钮var buttons = $.extend([], $.fn.datebox.buttons);buttons.splice(1, 0, { });
发表评论
最新留言
表示我来过!
[***.240.166.169]2025年03月28日 00时24分58秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
vuex modules
2019-03-05
sleep、wait、yield、join——简介
2019-03-05
web项目配置
2019-03-05
基于单片机可控音乐流水灯控制设计-全套资料
2019-03-05
基于单片机简易信号误差分析设计-全套资料
2019-03-05
基于单片机简易脉搏测量仪系统设计-毕设课设资料
2019-03-05
Javascript中String支持使用正则表达式的四种方法
2019-03-05
【Tool】如何使用 Uniflash 烧写 WIFI 芯片 CC3200
2019-03-05
纯客户端页面关键字搜索高亮jQuery插件
2019-03-05
Java温故而知新-反射机制
2019-03-05
eclipse引用sun.misc开头的类
2019-03-05
关于EFI系统分区(ESP)你应该知道的3件事
2019-03-05
Servlet2.5的增删改查功能分析与实现------删除功能(四)
2019-03-05
Session验证码的实现(2018-7-3)
2019-03-05
spring启动错误:Could not resolve placeholder
2019-03-05
选择性估算器绕过行安全策略漏洞
2019-03-05
对PostgreSQL数据库结构的宏观理解
2019-03-05
查询某表格上次进行vacuum的时间
2019-03-05
invalid byte sequence for encoding
2019-03-05
聊一聊那些应该了解的大佬(飞控,人工智能方向)
2019-03-05