jQuery Datepicker UI 仅在单击关闭按钮或完成按钮时关闭

Question

我正在使用 jQuery UI Datepicker，..

日期选择器工作正常，但当我们单击日历外部或单击 Escape 按钮时，它会关闭。但我希望仅当我们单击“完成”按钮时才关闭日期选择器。

$(".date-picker").datepicker({
    dateFormat: 'mm-yy',
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,

    onclose: function(dateText, inst) {
        var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        $(this).val($.datepicker.formatDate('yy-mm', new Date(year, month, 1)));
    }
});

我该怎么做？

Answer 1

此解决方案也已发布在jquery DatePicker Done button中，并且它工作完美:

$(function() {
    $('.monthYearPicker').datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy'
    }).focus(function() {
        var thisCalendar = $(this);
        $('.ui-datepicker-calendar').detach();
        $('.ui-datepicker-close').click(function() {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            thisCalendar.datepicker('setDate', new Date(year, month, 1));
        });
    });
});

CSS:

.ui-datepicker-calendar {
    display: none;
}

和HTML:

<label for="myDate">Date :</label>
<input name="myDate" class="monthYearPicker">

看看它在这个 jsfiddle 中是如何工作的.

来源: http://develop-for-fun.blogspot.com/2013/08/jquery-ui-datepicker-month-and-year.html