私のJavascriptでYearドロップダウンがJQuery UI Calenderを制御できますか？

Question

私はオンラインダッシュボード用のデータピッカーを作成しています。私は、ユーザーが2010年から今年に選択することができるJavascriptを使用して作成したドロップダウンメニューを持っている、私は選択した年にJqueryカレンダーを制御する方法を見つけることができません（これによって制御されるドロップダウンメニュー - 私はすでに、ドロップダウンリストの日付ピッカーに組み込まれている年のドロップダウンを認識しています）。私は2月に余分な一日を取る閏年があるという事実のために、このように働かなければならない。私はJavascriptに新しいrelativeltyですので、任意のヘルプ/アドバイスは大いに感謝されます。

<div class="yeardropdown"> 
    <select id="selectElementId" style="margin-left: 75px;"></select> 
</div> 

<div class="datepick"> 
    <div id="datepicker" style="margin-left: 25px"></div> 
</div> 

Javascriptを&のjQuery：以下

// Year dropdown 

var min = 2010, 
max = new Date().getFullYear(), 

select = document.getElementById('selectElementId'); 

for (var i = min; i <= max; i++){ 
    var opt = document.createElement('option'); 
    opt.value = i; 
    opt.innerHTML = i; 
    select.appendChild(opt); 
} 

select.value = new Date().getFullYear(); 

// Calendar 

$(document).ready(function(){ 
    $("#datepicker").datepicker({ 
     todayBtn: true, 
     firstDay: 1, 
     maxDate: new Date, 
     dateFormat: "dd-mm-yy", 
     showOtherWeeks: true, 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     changeMonth: true, 
     changeYear: true, 
     showWeek: true, 
    }); 
}); 

Answer 1

てみてください、

<div class="yeardropdown"> 
    <select onchange="setDefaultYear(this)" id="selectElementId" style="margin-left: 75px;"></select> 
</div> 

変更JavaScriptの

function setDefaultYear(yearEle) 
{ 
    var yearSelected = $(yearEle).val(); 
    $(".selector").datepicker({ 
     defaultDate: new Date(yearEle,00,01) 
    }); 
}