Дисфункциональный JQuery DatePicker - PullRequest
0 голосов
/ 27 марта 2012

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

О, и я должен отметить, что мой пакет пользовательского интерфейса содержит ВСЕ виджеты. Итак, средство выбора даты является частью этого кода.

Вот мой тестовый код;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <!--link rel="stylesheet" type="text/css" href="css/site.css" /-->
    <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css" />

    <script type="text/javascript" src="/scripts/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="/scripts/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $(function() {
          $("#datepicker").datepicker({
            showOn: "both",
            buttonText: "Date",
            buttonImage: "images/date_picker_icon.gif",
            buttonImageOnly: true
          });
        });
      });
    </script>
  </head>
  <body>
    <input type="text" name="date_entered" id="datepicker" class="icon-right" size="10" maxlength="10" />
  </body>
</html>

Ответы [ 2 ]

0 голосов
/ 27 марта 2012

Похоже, что у меня не совпадали версии jquery UI CSS и сценариев. Я скачал новый пакет, и теперь он работает нормально.

<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.18.custom.css" />

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.8.18.custom.min.js"></script>
0 голосов
/ 27 марта 2012

Я думаю, что это ваша проблема .. изменить

<script type="text/javascript" src="/scripts/jquery-ui-1.8.6.custom.min.js"></script>

до

<script type="text/javascript" src="/scripts/jquery-ui-1.8.16.custom.min.js"></script>
...