Является ли 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">&nbsp;</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>

При нажатии на поле ввода не отображается указатель даты. Что мне не хватает?

 aaberg14 июн. 2012 г., 11:53
Вы получаете какие-либо ошибки JavaScript? Кроме того, измените все ваши скрипты, чтобы они использовали маршрутизацию воспроизведения, таким образом, воспроизведение вызовет исключение, если вы неправильно введете путь к файлу javascript. пример: & lt; тип сценария = & quot; текст / javascript & quot; SRC = & Quot; @ {& APOS; открытый / JavaScripts / jquery.datePicker.js & APOS;} & Quot; & GT; & Lt; / Script & GT;
 theTuxRacer14 июн. 2012 г., 11:57
Я получаю ошибки JS, но они не влияют на приложение, и я их получал до того, как начал работать над этим средством выбора даты. В то же время я буду менять включает. Хотя я получаю страницу ошибки даже при текущем способе.

Ответы на вопрос(2)

Решение Вопроса

вным образом потому, что CSS-классы могут быть легко переопределены и вызвать проблемы с отображением различных компонентов. Некоторые вещи могут работать, некоторые - нет, это не все или ничего.

При этом, вы можете посмотреть наэтот Bootstrap DatePicker плагин.

Если это не соответствует вашим потребностям, вам нужно будет выяснить, какие классы конфликтуют между пользовательским интерфейсом jQuery и Bootstrap, и исправить их. Средство просмотра Chrome CSS позволяет просматривать, какие классы влияют на стиль элемента (или его отсутствие).

 theTuxRacer15 июн. 2012 г., 08:06
не важно, я неправильно копировал консольный журнал. Спасибо!
 22 нояб. 2012 г., 15:43
Спасибо за информацию. Я никогда не знал о загрузчике DatePicker раньше. У меня такая же проблема :)
 theTuxRacer15 июн. 2012 г., 06:24
Спасибо, Вы только что подтвердили мои подозрения. Я случайно начал использовать тот же плагин, пока ждал ответов, и это хорошо. Меня устраивает. Единственное, я получаю значение даты из date.valueOf () как1281335810600000 Как мне преобразовать его в удобочитаемые значения? Число при преобразовании, если считать его эпохой, дает дату 23 мая 6030 года.

test_input как идентификатор, но привязка DatePicker кinput_test

 theTuxRacer14 июн. 2012 г., 12:39
Я получил jquery.ui и до сих пор не работает. Я обновил код, чтобы отразить это.
 14 июн. 2012 г., 12:09
Вы, похоже, не включили jquery.ui.js
 theTuxRacer14 июн. 2012 г., 11:37
извините за это, я проверил свой код перед публикацией и внес изменения в код, но не изменил его здесь. это сказанное, это все еще не работает.

Ваш ответ на вопрос