jquery datepicker选择年份

Question

我只从下拉菜单中选择一年。这里是我的代码：

$('#year1').datepicker({ 
    changeMonth: false, 
    changeYear: true, 
    showButtonPanel: false, 
    dateFormat: 'yy', 
    yearRange: "-2:+0", 
    onClose: function(dateText, inst) { 
     var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
     $(this).datepicker('setDate', new Date(year, 1, 1)); 
    } 
}); 

现在我想关闭面板，当我从下拉菜单中选择年份。但是选择年份并没有结束。但是当我点击其他地方时，它会被关闭。我尝试onSelect登录onClose事件，但此事件不会在选择年份时触发。我认为这个事件在选择日期时发生。任何人都可以帮我关闭它，当我从下往下选择一年。 谢谢。

Answer 1

当用户从下拉菜单中选择一年时，您可以使用onChangeMonthYear选项来运行您的功能。然后，您可以使用hide()方法“关闭”选取器。

这里一个代码示例：

$('#year1').datepicker({ 
 
    changeMonth: false, 
 
    changeYear: true, 
 
    showButtonPanel: false, 
 
    dateFormat: 'yy', 
 
    yearRange: "-2:+0", 
 
    onChangeMonthYear: function(year, month, inst){ 
 
    // Set date to picker 
 
    $(this).datepicker('setDate', new Date(year, 1, 1)); 
 
    // Hide (close) the picker 
 
    $(this).datepicker('hide'); 
 
    // Blur to let the picker open on focus in 
 
    $(this).blur(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/> 
 

 
<input type="text" id="year1">