easyui的easyui-datebox只显示年份-月份,且月份修改成中文

客官°小女子只卖身不卖艺 2022-12-27 11:18 505阅读 0赞

由于项目是从月到月,不想让用户选择日期,再从日期中取月份.想一步到位.  
然后去网上找了现有代码,发现网上的代码在本地还是只显示日期,没有显示月份.也许是大家用的版本不同.于是做了一些调整后,可以达到目的.并且加上了将月份改成中文的代码

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, { });
    
    
    
    <input name="attYearMonth" id="attYearMonth"  class="easyui-datebox" data-options="editable:false, buttons:buttons" size="20" style=""/>

发表评论取消回复

表情：

评论列表（有 0 条评论，505人围观）

还没有评论，来说两句吧...

相关阅读

相关 python输出日历（年份，月份可自己指定）

![f641b7e84a9d43c48b29f9a433d41d6c.png][] 下面是代码需要带入calendar模块 year moon可以根据自己需要进行更改

短命女/ 2023年09月30日 14:50/ 0 赞/ 15 阅读

相关 js 年份选择器和月份选择器

// 加载年份选择器 function loadYearSel(){ //设置年份的选择 var my

「爱情、让人受尽委屈。」/ 2023年02月28日 12:43/ 0 赞/ 19 阅读

相关 MySQL获取当前年份月份日期

MySQL获取当前年份月份日期 – 获取年份 YEAR(CURDATE())； 2019 – 获取月份 MONTH(CURDATE())； 6 – 当

Myth丶恋晨/ 2023年01月10日 15:59/ 0 赞/ 235 阅读

相关 easyui的easyui-datebox只显示年份-月份,且月份修改成中文

由于项目是从月到月,不想让用户选择日期,再从日期中取月份.想一步到位. 然后去网上找了现有代码,发现网上的代码在本地还是只显示日期,没有显示月份.也许是大家用的版本不同.于

客官°小女子只卖身不卖艺/ 2022年12月27日 11:18/ 0 赞/ 506 阅读

相关【easyui】 conmbobox动态的显示有数据的年份和月份

html代码： <td> 年份</td> <td> <select id="year" name="year" style="width: 80px;

ゝ一世哀愁。/ 2022年07月15日 11:48/ 0 赞/ 161 阅读

相关 js获取当前日期时间/年份/月份

`function getNowFormatDate() {` ` ` `var` `date = ` `new` `Date();` ` ` `var`

末蓝、/ 2022年06月09日 06:14/ 0 赞/ 396 阅读

相关 C#计算两个时间年份月份差

C\计算两个时间年份月份差 DateTime dt1 = Convert.ToDateTime("2008-8-8"); DateTime dt2 = System.Dat

浅浅的花香味﹌/ 2022年06月01日 07:15/ 0 赞/ 315 阅读

相关如何使用MySQL获取当前年份月份日期

1、获取年份 select YEAR(CURDATE()); 2018 2、获取月份 select MONTH(CURDATE());

客官°小女子只卖身不卖艺/ 2022年05月26日 01:24/ 0 赞/ 269 阅读

相关如何使用MySQL获取当前年份月份日期

1、获取年份 select YEAR(CURDATE()); 2018 2、获取月份 select MONTH(CURDATE()); 4

曾经终败给现在/ 2022年05月09日 12:56/ 0 赞/ 976 阅读

相关通过用户输入年份和月份打印月历

package PrintmonthCalendar; import java.util.Scanner; / 打印用户输入的年份和月份来

比眉伴天荒/ 2021年11月17日 09:06/ 0 赞/ 349 阅读