Jqueryが日付ピッカーを破る

Question

MVC 5アプリケーションで作業しています。ドロップダウンリストと日付ピッカーがあります。私は選択されたものに応じてドロップダウンリストのアイテムを隠す/表示するjquery関数を書いたので、ドロップダウンカレンダーが表示されないようです。なぜこれをやろうとしているのか？

以下は私の日付ピッカー以下

@{DateTime create_Date = (DateTime)Model.Create_Date; 
    string createDate = create_Date.ToString("yyyy-MM-dd");} 
<input class="datefield" data-val="true" data-val-required="@Rxcs.Date_is_Req" 
id="Create_Date" name="Create_Date" type="datetime" value="@createDate" min="@DateTime.MinValue" max="@DateTime.Now.Date.ToString("yyyy-MM-dd")" /> 

そして、私のjqueryの関数であるためのコードです。

<script type="text/javascript"> 

$(document).ready(function() { 
    var roleList = document.getElementById("Role_ID"); 
    var orgList = document.getElementById("Organization_ID"); 

    // Hide/show the AAC roles 
    roleList.addEventListener("click", function() { 
     if ($("#Organization_ID option:selected").text() != "AAC") { 
      $("#Role_ID").find('option[value=2]').hide();  // 2 - AAC Member 
      $("#Role_ID").find('option[value=9]').hide();  // 9 - AAC BoD 
      $("#Role_ID").find('option[value=12]').hide(); // 12 - AAC Treasurer 
      $("#Role_ID").find('option[value=16]').hide(); // 16 - AC Committee 
      $("#Role_ID").find('option[value=17]').hide(); // 17 - DC Committee 
      $("#Role_ID").find('option[value=19]').hide(); // 19 - AAC System Administrator 
      $("#Role_ID").find('option[value=22]').hide(); // 22 - AAC Administrator 
     } 
     else 
     { 
      $("#Role_ID").find('option[value=2]').show();  // 2 - AAC Member 
      $("#Role_ID").find('option[value=9]').show();  // 9 - AAC BoD 
      $("#Role_ID").find('option[value=12]').show(); // 12 - AAC Treasurer 
      $("#Role_ID").find('option[value=16]').show(); // 16 - AC Committee 
      $("#Role_ID").find('option[value=17]').show(); // 17 - DC Committee 
      $("#Role_ID").find('option[value=19]').show(); // 19 - AAC System Administrator 
      $("#Role_ID").find('option[value=22]').show(); // 22 - AAC Administrator 
     } 
    }, false); 

    ReadyList(); 
}); 
</script> 

また、それは私がそこにReadyList（）関数呼び出しは（このページにはReadyList機能が存在しないことがない限り、項目の全体表示/隠しが動作しないようです、それは別のページからの残りのコードはでした。 ）

Answer 1

私は私のスクリプトセクションにこの機能を追加することで、それを固定し、日付ピッカーに私の日付フィールドのクラス名を変更

$(function() { 
    // This will make every element with the class "date-picker" into a DatePicker element 
    $('.date-picker').datepicker({dateFormat: 'yy-mm-dd'}); 
})