JQuery не работает на cshtml, чтобы открыть диалоговое окно

Question

Это редактор для начальной даты @Html.EditorFor(model => model.startDate), и у меня есть jquery blow, код для запроса находится на странице, и когда я запускаю программу, всплывающее окно не появляется оба кода находятся на странице дамочка cshtml

<meta charset="utf-8" /> 

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#startDate").datepicker(); 
    }); 
    </script> 

Answer 1

Заменить

@Html.EditorFor(model => model.startDate)

с

@Html.EditorFor(model => model.startDate, new { @class="startDate" })

, потому что вы не giveen класс в этой области и изменить Jquery к

$(function() { 
    $(".startDate").datepicker(); 
    }); 

так # становится ., как мы используем класс.

Answer 2

Необходимо проверить правильность загрузки всех внешних скриптов. Я предлагаю вам установить Fiddler, а затем посмотреть ваши запросы и посмотреть, все ли они загружены. Если все это нормально, вам нужно проверить, действительно ли сценарии загружаются до вашего вызова функции datepicker. Если вы используете функцию MVC 4 и разделы, это означает, что весь код javascript должен войти в раздел SCRIPTS, который размещается на вашем представлении ПОСЛЕ вызовов для загрузки jquery и jquery-ui-библиотек. Используйте консоль Goggle Chrome, чтобы убедиться в отсутствии ошибок JavaScript.

Рассматривая код, который вы разместили здесь, все должно работать. Я делал это миллионы раз, и каждый раз, когда у меня была проблема, это было потому, что мне не хватало ссылки на библиотеку JQuery или я не загружал их в правильном порядке.