easyui 月份选择只有第二个有效

SAOE2 2017-12-20 05:07:41

http://blog.csdn.net/ytangdigl/article/details/73381958
用的是这里的代码
第一个控件可以选择月份第二个就是日期了

...全文

138 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Hello World, 2017-12-21

打赏
举报

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>年月选择器</title>

    <link href="../../Script/jquery-easyui%201.4.4/themes/icon.css" rel="stylesheet" />

    <link href="../../Script/jquery-easyui%201.4.4/themes/default/easyui.css" rel="stylesheet" />

</head>

<body>

    <div>

        年月<input id="attYearMonth" editable="false" name="attYearMonth" class="easyui-datebox" style="width: 172px" />

    </div>

    <div>

        年月<input id="attYearMonth2" editable="false" name="attYearMonth" class="easyui-datebox" style="width: 172px" />

    </div>



</body>

</html>

<script src="../../Script/jquery-1.11.3.min.js"></script>

<script src="../../Script/jquery-easyui%201.4.4/jquery.easyui.min.js"></script>

<script>

    $(function () {



        $('#attYearMonth,#attYearMonth2').datebox({

            //显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层

            onShowPanel: function () {

                //日期选择对象

                var p = $(this).datebox('panel'),

                //日期选择对象中月份

                tds = false,

                //显示月份层的触发控件

                span = p.find('span.calendar-text');

                //触发click事件弹出月份层

                span.trigger('click');

                if (!tds)

                    //延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔

                    var that = this;

                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);



                        //隐藏日期对象                     

                        $(that).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;

            }

        });

    });

</script>