Код Datepicker приводит к появлению выпадающего меню вместо календаря

0

когда реализуется следующий код, он выдает раскрывающееся меню (при двойном щелчке текстового поля) с пятью доступными датами вместо того, чтобы создавать календарь, как обычный финишер.

<html>
<head>

...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text.javascript">
$(document).ready(function() {
$("#datepicker").datepicker();
}); </script>


...

</head>

<body>

...

<input type="text" id="datepicker" name="departuredate"/>

...

</body>
</html>
Теги:
datepicker

3 ответа

1
Лучший ответ

Загрузили ли вы файл jQueryUI CSS?

jqueryui тема

Вы можете попробовать эту тему:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
1

Это может быть не совсем то, что вам нужно, но вы можете использовать тип ввода = "дата" в соответствии со стандартами html5

<input type="date" id="datepicker" name="departuredate">

Надеюсь, это поможет немного даже для будущих ссылок :)

  • 0
    Скажи это от IE8 :) Но ты прав.
  • 0
    Вы правы, но вы всегда можете использовать плагин, такой как html5shiv, чтобы включить некоторые из тегов html5 ... Таким образом, вы по-прежнему обратно совместимы и соблюдаете стандарты и семантику :)
1

Проверьте свой синтаксис при вызове javascript, используйте/вместо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню