2012-01-02 2 views
1

Я пытаюсь использовать jquery datepicker, но не могу заставить его работать. Я знаю, что я должен пропустить что-то простое. Вот мой код:jquery - datepicker не работает

HTML:

<div class="demo"> 
    <p>Date: <input type="text" id="datepicker"></p> 
</div><!-- End demo --> 

<div class="demo-description" style="display: none; "> 
    <p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a sma ll overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as t he input's value.</p> 
</div><!-- End demo-description --> 

JS:

$(function() { 
    $("#datepicker").datepicker(); 
}); 

Это делает текстовое поле, но нет календаря JQuery. Спасибо.

ответ

3

Сборщик дат находится в jQuery UI libs .. Вам нужно включить, что для выбора даты для работы.

Edit: Вы должны включить это,

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js

Добавить это в HTML,

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" /> 
+0

Большое спасибо! Это сработало. Единственная проблема заключается в том, что в календаре теперь появляется четкий фон, который перекрывает поле под ним, делая календарь нечитаемым. Есть ли способ указать цвет фона этого? – zallarak

+0

Попробуйте добавить свой CSS, вы должны попробовать jQuery тему picker, в котором есть интересные темы. Загрузите тот, который вам нравится, и включите его в свой html. ссылка здесь: http://jqueryui.com/themeroller/ -> На левой панели перейдите в галерею, выберите ее и скачайте –

1

Вы не загрузили файл DatePicker Jquery, только главный файл Jquery. Проверьте пример, приведенный here

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