如何隐藏特定日期选择器jquery UI的日历

如何隐藏特定日期选择器jquery UI的日历,jquery,jquery-ui,datepicker,show-hide,Jquery,Jquery Ui,Datepicker,Show Hide,$('.datepicker\u year')。日期选择器({ 变化月:对, 变化年:是的, showButtonPanel:是的, 日期格式:“yy”, onClose:函数(dateText,inst){ //var month=$(“#ui datepicker div.ui datepicker month:selected”).val(); var year=$(“#ui日期选择器div.ui日期选择器year:selected”).val(); $(此).datepicker('se

$('.datepicker\u year')。日期选择器({
变化月:对,
变化年:是的,
showButtonPanel:是的,
日期格式:“yy”,
onClose:函数(dateText,inst){
//var month=$(“#ui datepicker div.ui datepicker month:selected”).val();
var year=$(“#ui日期选择器div.ui日期选择器year:selected”).val();
$(此).datepicker('setDate',新日期(年,1));
},
显示前:功能(输入){
setTimeout(函数(){
$(输入).datepicker(“小部件”).find(.ui datepicker current”).addClass('hide');
$(“.ui datepicker month”).addClass('hide');
$(“table.ui日期选择器日历”).addClass('hide');
$(“.ui日期选择器当前”).addClass('hide');
}, 1);
},
onSelect:函数(日期文本){
$(“table.ui日期选择器日历”).addClass('hide');
}
});
.hide{
显示:无;
}

您应该在beforeShow datepicker选项中将类添加到$(input).datepicker(“小部件”)中,然后在onClose datepicker选项中删除此类

$('.datepicker year').datepicker({
变化月:对,
变化年:是的,
showButtonPanel:是的,
日期格式:“yy”,
显示前:功能(输入){
$(输入).datepicker(“小部件”).addClass(“隐藏-月份-隐藏当前隐藏日历”);
},
onClose:函数(dateText,inst){
var year=$(“#ui日期选择器div.ui日期选择器year:selected”).val();
$(此).datepicker('setDate',新日期(年,1));
$(this).datepicker('widget').removeClass('hide-month hide current hide calendar');
}
});
$('.datepicker').datepicker()
.hide month.ui日期选择器month,
.hide current.ui日期选择器current,
.hide calendar.ui日期选择器日历{
显示:无;
}

只需在要隐藏日期选择器日历的位置使用此选项即可

 $(".date-picker").on('focus blur click',function () {
        $(".ui-datepicker-calendar").hide();

    });