jquery datepicker onselect年

Question

私はドロップダウンから1年だけを選択しています。ここに私のコードです：

$('#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)); 
    } 
}); 

今私はドロップダウンから年を選択すると、パネルを閉じたいと思います。しかし、それは年を選ぶことで終わらない。しかし、他の場所をクリックすると閉じられます。私はをonCloseのイベントinstedを試しましたが、このイベントは1年の選択では発生しません。私はこのイベントが日付を選択することで発生すると思う。私がダウンしてから1年だけを選択すると、誰でもそれを閉じるのを助けることができますか？おかげさまで

Answer 1

onChangeMonthYearオプションを使用すると、ユーザーがドロップダウンから1年を選択したときに関数を実行できます。次に、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">