日期选择器在一个中显示日期并在另一个中隐藏日期

Question

我在页面中使用两个日期选择器。一个日期选择器应显示日、月和年，另一个日期选择器应仅显示月和年。

我尝试过如下一些方法。 我曾尝试更改CSS。

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

但这会影响两个日期选择器。

我曾尝试调用 onClick 函数。

$('.month-picker').click(function(){
    $('.ui-datepicker-calendar').css('display','none');
});

当此函数隐藏 ui-datepicker-calendar 类时，它会显示 ui-datepicker-header 和输入框之间的间隙。

请帮我解决问题。预先感谢您。

也jsfiddle添加了

Answer 1

你可以这样做，

$(".date-picker").datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        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).datepicker('setDate', new Date(year, month, 1));
            $(".ui-datepicker-calendar").hide();
        },
        beforeShow: function (dateText, inst) { $('.ui-datepicker-calendar').hide(); },
        onSelect: function (dateText, inst) { $(".ui-datepicker-calendar").hide(); }
    });

 add withoutDay class to input elements and add below jquery

 $(".withoutDay").focus(function () {
        $(".ui-datepicker-calendar").hide();
    });