2012-06-25 3 views
0

Я не могу выбрать сборщик jquery для работы на своей странице. У меня есть сообщение на форуме, если кто-то хочет получить более подробную информацию. Вот ссылка http://forum.codecall.net/topic/70462-copy-and-paste-date-picker-javascipt/. Вот мой код, связанный с этой страницей. Когда я нажимаю текстовые поля, датапикер не появляется. Зачем? Может ли кто-нибудь увидеть проблему?Javascript DatePicker Не работает

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="Stylesheet" /> 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script> 
$(function() { 
$("#start_date").datepicker(); 
}); 
$(function() { 
$("#end_date").datepicker(); 
}); 

<div id="dateField"> 
<p> 
Start Date: <input type="TEXT" 
name="start_date" id="startDate" 
value="" /> 
</p> 
<p> 
End Date: <input type="TEXT" 
name="end_date" id="endDate" 
value="" /> 
</p> 
<small>Dates Should be in the format DD/MM/YYYY</small> 
</p> 
</div> 
+3

Ваши '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '. Исправьте это, и он работает. http://jsfiddle.net/2dVC3/ P.S. Поместите свой скрипт в тег '

1

Оберните JQuery UI код Datepicker в <script> теге, и пометить его как JavaScript с атрибутом типа. Используйте один блок готового документа для двух вызовов датпикера. Убедитесь, что вы используете правильные идентификаторы ваших элементов.

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#startDate").datepicker(); 
     $("#endDate").datepicker(); 
    }); 
</script> 
+1

'$ (function() {' является сокращением для '$ (document) .ready (function() {'. –

+0

Атрибут type является необязательным в HTML5 :-) –

+1

Невыполнение этих комментариев может строго исключить мой ответ на эту проблему. Самая большая проблема заключалась в том, что код jQuery не был даже в блоке сценария. Вторая проблема заключается в том, что мы даже не уверены, что он находится в документе HTML5. В-третьих, вы не хотите иметь 2 готовых блока в этом контексте. Этот вопрос показывает признаки обработки груза, поэтому использование/поощрение сокращений не полезно для OP. –

Смежные вопросы