jquery-ui日期插件datepicker仅显示年月且含有全部按钮

1.日历插件仅显示年月，需要在html中作如下处理：

<style type="text/css">
    .ui-datepicker-calendar {
        display: none;
    }
</style>
2.因业务需要，需要查询全部，故使用清除按钮做为全部，后台查询方法体现在插件的onClose方法，如果放在beforeShow则会出现后台重复调用。

时间：<input type="text" validate alias="时间" id="datePickerMon" class="form-control data-choose-width" placeholder="请选择"/>
js代码：

$('#datePickerMon').datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'yy-mm',
    showButtonPanel: true,
    monthNamesShort: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
    closeText: '选择',
    currentText: '本月',
    isSelMon:'true',
    onClose: function (dateText, inst) {
        var month = +$("#ui-datepicker-div .ui-datepicker-month :selected").val() + 1;
        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        if (month < 10) {
            month = '0' + month;
        }
        this.value = year + '-' + month;
        if (typeof this.blur === 'function') {
            this.blur();
        }
        var timeStr = $("#datePickerMon").val();
        $scope.applyListInfo.timeStr = timeStr + "-01";
        setTimeout(function () {
            if("全部"==$('#datePickerMon').val()){
                //查询全部的列表清单
                $scope.applyListInfo.timeStr = null;
                $scope.query(1);
            }else{
                $scope.query(1);
            }
        },2);
 
    },
    beforeShow: function(input) {
        setTimeout(function() {
            var buttonPane = $(input)
                .datepicker( "widget" )
                .find( ".ui-datepicker-buttonpane" );
 
            $( "<button>", {
                text: "全部",
                click: function() {
                    $.datepicker._clearDate(input);
                    $('#datePickerMon').val("全部");
                }
            }).addClass("ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all").appendTo( buttonPane );
        }, 1 );
    }
});
效果如下：

注：此为个人笔记及总结，有误或有更好的解决方案请指正！谢谢  
————————————————
版权声明：本文为CSDN博主「shenyi_201805」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/shenyi_198812/article/details/84834770