easyUI Datebx日期框只显示年月

曾经终败给现在 2022-04-21 14:58 213阅读 0赞

上报时间:<input id="reportBeginDate" name="reportBeginDate" type="text" class="easyui-datebox" style="width:100px;"/>

<script type="text/javascript">  
            $(function () {
                    $('#reportBeginDate').datebox({
                        onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
                            span.trigger('click'); //触发click事件弹出月份层
                            if (!tds) setTimeout(function () {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
                                tds = p.find('div.calendar-menu-month-inner td');
                                tds.click(function (e) {
                                    e.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
                                    var year = $(".calendar-menu-year").val();
                                    var month = parseInt($(this).attr('abbr'), 10);
                                    $('#reportBeginDate').datebox('hidePanel')//隐藏日期对象
                                    .datebox('setValue', year + '-' + month); //设置日期的值
                                });
                            }, 0)
                        },
                        parser: function (s) {//配置parser，返回选择的日期
                            if (!s) return new Date();
                            var ss = (s.split('-'));
                            var y = parseInt(ss[0],10);
                            var m = parseInt(ss[1],10);            
                            if (!isNaN(y) && !isNaN(m)){
                                return new Date(y,m-1);
                            } else {
                                return new Date();
                            }  
                        },
                        formatter: function (d) { 
                            debugger;
                            var y = d.getFullYear();
                            var m = d.getMonth()+1;
                            var d = d.getDate();
                            return y+'-'+(m<10?('0'+m):m);
                        }//配置formatter，只返回年月
                    });
                    var p = $('#reportBeginDate').datebox('panel'), //日期选择对象
                        tds = false, //日期选择对象中月份
                        span = p.find('span.calendar-text'); //显示月份层的触发控件
                });
      </script>

![20181126100846593.png][]

[20181126100846593.png]: /images/20220414/62152bfed78a4dbeb5a848ba2fc211e7.png

发表评论取消回复

表情：

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

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

相关阅读

相关 easyUI中datebox日期框的使用

*1.用法** <input id="dd" type="text" class="easyui-datebox" required="required"> ...

迈不过友情╰/ 2024年04月18日 07:27/ 0 赞/ 77 阅读

相关 EasyUI中Datebox日期框的简单使用

场景效果 ![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

- 日理万妓/ 2023年10月18日 20:19/ 0 赞/ 18 阅读

相关 easyui展示年月

easyui展示年月，不要日 <!DOCTYPE html> <html> <head> <meta charset

╰+攻爆jí腚メ/ 2023年10月17日 16:49/ 0 赞/ 27 阅读

相关 Easyui datebox单击文本框显示日期选择

Easyui默认是点击文本框后面的图标显示日期，为了更进一步优化体验修改为单击文本框显示日期选择框 ![20150527212808829][] 修改jqu

系统管理员/ 2022年08月05日 00:56/ 0 赞/ 252 阅读

相关 jQuery EasyUI - DateTimeBox 日期时间框

扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。 ![jeasyui_dateti

￡神魔★判官ぃ/ 2022年07月15日 14:15/ 0 赞/ 286 阅读

相关 easyUI Datebx日期框只显示年月

上报时间:<input id="reportBeginDate" name="reportBeginDate" type="text" class="easyu

曾经终败给现在/ 2022年04月21日 14:58/ 0 赞/ 214 阅读

相关摸板中，格式化的日期只显示年月日

法一： date不能格式化字符串的日期，还得strtotime一下 \{$date|strtotime|date="Y-m-d",\\\\}：法二：直接截取

以你之姓@/ 2022年04月13日 13:54/ 0 赞/ 236 阅读

相关 EasyUI日期时间框DateTimeBox

WEB DEMO 日期时间框 DateTimeBox <!DOCTYPE html> <html> <HTML> <head> <H

浅浅的花香味﹌/ 2021年09月29日 14:52/ 0 赞/ 285 阅读

相关 bootstrap-datepicker使用，只显示年，显示年月，显示日三种情况

插件下载地址：[https://github.com/uxsolutions/bootstrap-datepicker][https_github.com_uxsolution

爱被打了一巴掌/ 2021年07月27日 01:46/ 0 赞/ 770 阅读

相关 EasyUI DateBox只加载年月

EasyUI DateBox只加载年月引入easyui(为了方便引入了在线版)

朱雀/ 2020年10月24日 17:23/ 0 赞/ 674 阅读