2013-03-01 5 views
0

Я знаю, что были такие вопросы, как это, но я не могу заставить это работать.jQuery - datepicker

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#input-datepicker").datepicker(); 
     }); 
</script> 

Отображается сообщение о том, что функции datepicker() нет.

Я пробовал столько скриптов, включая комбинации, ни один не работает. Это ток один:

<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> 

Я попытался добавить type="text/javascript", размещение включает в себя выше/ниже форме, изменение $("#input-datepicker") в DIV, не содержащий поле ... ничего.

Помогите мне?

EDIT.

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#bbb").datepicker(); 
    }); 
</script> 
<div id="input-datepicker" class="input"> 
    <label for="bbb">Calendar</label> <input name="bbb" id="bbb" type="text" /> 
</div> 

EDIT 2.

<link type="text/css" href="..." rel="stylesheet" /> 
<form action="..." method="post" id="form" accept-charset="utf-8" enctype="multipart/form-data"> <div id="input-file" class="input"> 
    <label for="aaa"></label> <input type="file" name="aaa" id="aaa" </div><script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#bbb").datepicker(); 
    }); 
</script> 
<div id="input-datepicker" class="input"> 
    <label for="bbb">Calendar</label> <input name="bbb" id="bbb" type="text" /> 
</div> 
<div id="input-submit" class="input"> 
    <input type="submit" name="submit" value="submit" /> 
</div> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script> 
// ... 
</form> 
+0

Как это не работает? Вы получаете какие-либо ошибки? – Blender

+0

TypeError: $ (...). Datepicker не является функцией – user2124857

+2

Синтаксис кажется прекрасным, как выглядит ваш HTML? – j08691

ответ

1

Проверьте, что поле ввода идентификатор соответствует идентификатору в селекторе Jquery вы используете (вход-DatePicker).

JQuery пример здесь: http://jqueryui.com/datepicker/

+0

Я уверен, что да, спасибо. – user2124857