Question

我似乎无法让这个日期选择器工作。我知道这一定是我做错了，但我似乎无法弄清楚是什么。我评论了我的css文件，认为可能有些东西覆盖了UI样式。但是当我使用firebug运行它时，当我单击文本字段或图标时，它的行为就像没有事件一样。

哦，我应该提一下我的自定义UI包包含所有小部件。因此，datepicker是该代码的一部分。

这是我的测试代码;

<!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>

Answer 1

我认为这是你的问题......改变

<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>

Answer 2

看来我的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>

功能失调的jQuery datepicker

2 个答案: