• JQuery EasyUI 日期控件 怎样做到只显示年月,而不显示日


    标题问题的答案在OSChina中

    http://www.oschina.net/question/2282354_224401?fromerr=lHJTcN89

    我还是把这个记录下来

    =================================================================

    <input id="dlgReleaseTime" class="easyui-datebox"></input>

    $('#dlgReleaseTime').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 = /d{4}/.exec(span.html())[0] //得到年份
                                        ,
                                        month = parseInt($(this).attr('abbr'), 10); //月份
                                    $('#dlgReleaseTime').datebox('hidePanel') //隐藏日期对象
                                        .datebox('setValue', year + '-' + month); //设置日期的值
                                });
                            }, 0);
                    },
                    parser: function (s) {//配置parser,返回选择的日期
                        if (!s) return new Date();
                        var arr = s.split('-');
                        return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
                    },
                    formatter: function (d) { return d.getFullYear() + '-' + (d.getMonth() + 1); }//配置formatter,只返回年月
                });
                var p = $('#dlgReleaseTime').datebox('panel'), //日期选择对象
                    tds = false, //日期选择对象中月份
                    span = p.find('span.calendar-text'); //显示月份层的触发控件
                var curr_time = new Date();
                $("#dlgReleaseTime").datebox("setValue", myformatter(curr_time));
    View Code
  • 相关阅读:
    List<E> 接口简明
    equals方法的编写建议
    Set<E> 接口简明
    Map 接口简明
    Collections、Arrays 简明
    LinkedHashMap简明
    ThreadLocal应用示例
    大爽Python入门练习题 210 猜函数
    大爽Python入门练习题 21 检查五子相连
    大爽Python入门练习题 23 数字各位数求和
  • 原文地址:https://www.cnblogs.com/xiaoruilin/p/5823130.html
Copyright © 2020-2023  润新知