Почему этот простой код jQueryUI не работает? - PullRequest
0 голосов
/ 21 августа 2011

Вот буквальная разметка HTML, которую я имею:

<!DOCTYPE html>

<html>

<head>

    <title>Register</title>

    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />

    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>

</head>



<body>





<h2>Register</h2>



<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>

<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

<script src="/Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>

<link rel="Stylesheet" href="../../Content/jquery-ui-1.8.16.custom.css" />



<script type="text/javascript">

    $(document).ready(function() {

        $('.date-selector').datepicker();

    }

</script>



<form action="/account/register" method="post">    <fieldset>

        <legend>UserModel</legend>
<div class="editor-label">

            <label for="DateOfBirth">Fecha de Nacimiento</label>

        </div>

        <div class="editor-field">

            <input class="date-selector" data-val="true" data-val-required="Debe escribir su fecha de nacimiento" id="DateOfBirth" name="DateOfBirth" type="text" value="1/1/0001 12:00:00 AM" />;

            <span class="field-validation-valid" data-valmsg-for="DateOfBirth" data-valmsg-replace="true"></span>

        </div>

Обратите внимание, что селектор даты класса установлен правильно, а также JavaScript правильно подключает событие. (Думаю).

Как мне отладить, что идет не так? Почему элемент управления DatePicker не появляется, когда я нажимаю на текстовое поле ввода даты рождения?

1 Ответ

8 голосов
/ 21 августа 2011

Вам не хватает закрывающего ); в конце вашего $(document).ready() обработчика:

$(document).ready(function() {

    $('.date-selector').datepicker();

});

Для дальнейшего использования хорошим инструментом для проверки JavaScript перед его запуском является JSLint .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...