Является ли jQuery datepicker несовместимым с Twitter Bootstrap?
У меня есть средство выбора даты, которое я хочу отобразить на странице. Я пытался с JQ 1.6.4 и 1.7.2. Я использую v1.2.4 игровой платформы с Chromium на Ubuntu.
Это код, с которым я работаю. Это мой взгляд, где я пытаюсь показать сборщик.
#{extends 'main.html' /} #{set title:'Download Team Data' /}
<table align="center">
<tr>
<td height="50px"> </td>
</tr>
</table>
<div class="page-header">
<a href="@{Application.downloadAttendanceData()}">Download
your team's data for this cycle.</a>
</div>
<div class="demo">
<p>
Date: <input type="text" id="datepicker">
</p>
</div>
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
JavaScripts и CSS файлы загружаются вmain.html это представление, которое распространяется на все представления. Кроме того, я попытался ссылаться на эти файлы в представлении выше. Это ссылки:
<head>
<title>#{get 'title' /}</title>
<meta http-equiv="Content-Type" content="text/html"
charset="${_response_encoding}">
<link rel="stylesheet" media="screen"
href="@{'/public/stylesheets/main.css'}">
<link rel="stylesheet" media="screen"
href="@{'/public/stylesheets/demo.css'}">
<link rel="stylesheet" href="@{'public/bootstrap/css/bootstrap.css'}">
<link rel="stylesheet"
href="@{'public/bootstrap/css/bootstrap.min.css'}">
<link rel="stylesheet"
href="@{'public/bootstrap/css/bootstrap-responsive.css'}">
<link rel="stylesheet" href="@{'public/bootstrap/less/bootstrap.less'}">
#{get 'moreStyles' /}
<link rel="shortcut icon" type="image/png"
href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.7.2.min.js'}"
type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery-ui-1.8.21.custom.min.js'}"
type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery.ticker.js'}"
type="text/javascript"></script>
#{get 'moreScripts' /}
<script src="@{'/public/javascripts/testapp.js'}" type="text/javascript"></script>
<script src="@{'/public/bootstrap/js/bootstrap-alert.js'}"
type="text/javascript"></script>
<script src="@{'/public/bootstrap/js/bootstrap-collapse.js'}"
type="text/javascript">
</script>
<script>
function loaded(){
}
</script>
</head>
При нажатии на поле ввода не отображается указатель даты. Что мне не хватает?