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

Я установил ее, добавив эту функцию в моем раздел сценария, и переименовав класс моего DateField обновляемого-подборщик

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