JQuery datepicker не работает
Добрый день!
Я пытаюсь использовать jQuery в первый раз. И я не могу заставить его работать. Мой код выглядит следующим образом:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div><!-- End demo -->
</body>
</HTML>
но datepicker не работает.. Что мне сделать, чтобы это сработало? Спасибо.
7 ответов
вы не включили библиотеку datepicker
добавьте
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
на <head>
tag
Datepicker не является частью jQuery. Вы должны получить jQuery UI для использования datepicker.
проблема в том, что вы не связываетесь с библиотекой пользовательского интерфейса jQuery (где находится datepicker):
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div><!-- End demo -->
</body>
</HTML>
Я застрял на проблеме, где datepicker (), казалось, ничего не делал. Оказалось, что проблема заключалась в том, что вход находился внутри загрузочной "группы ввода" div. Просто вынимая вход из группы входов, решается проблема.
попробуйте настроить порядок выполнения скрипта. Поместите тег script под элементом, на который он пытается повлиять. Или оставьте его наверху и заверните в $(document).ready()
РЕДАКТИРОВАТЬ:
и включите правильный файл.
после этого весь html мы хотим написать эти строки кода
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all">
<script>
$('#date').datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: "-100:+0",
dateFormat: 'dd/mm/yy'
});
</script>