jQuery 日期选择器不起作用答案

【问题标题】：jQuery datepicker doesn't workjQuery 日期选择器不起作用
【发布时间】：2009-10-20 20:28:11
【问题描述】：

我无法让 jQuery 日期选择器工作。我遵循了 jQuery UI 手册中的所有内容。你能检查我下面的代码吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link type="text/css" href="js/jquery_theme/jquery-ui.css" rel="stylesheet" />
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.datepicker.js"></script>

<script language="javascript">
$(function() {

 $("#test_input").datepicker();

});
</script>

</head>

<body>
<input type="text" name="test_input" id="test_input" />
</body>
</html>

感谢您的宝贵时间:)

【问题讨论】：

顺便说一句，当我将标签更改为：
但我不会不知道如何使用它来获取选定的日期值。（我也从 jQuery UI 网站获得了该技术）
我解决了这个问题，将旧的 jQuery.js 文件替换为新下载的与 UI js 文件捆绑在一起的文件。

标签： jquery calendar datepicker uidatepicker datetimepicker

【解决方案1】：

更正您的<script> 标签。然后您可以像这样处理返回的日期：

<script type="text/javascript">
  $(document).ready(
      function() {
          $('#input_test').datepicker(
              {
                  onClose: function(dateText, inst) {
                          alert("My date is: " + dateText);
                      }
              }
          );
      }
  );
</script>

【讨论】：

我想我明白了！我将“input_test”更改为“test_input”（大声笑：P）然后我使用
技术并将脚本中的“onClose”更改为“onSelect”；）谢谢！

【解决方案2】：

尝试将您的标签放在页面底部（在正文标签之后），或者这样做

$(文档).ready(函数(){ $("#test_input").datepicker(); });

javascript 在 input(#test_input) 标签加载到 dom 之前被解释，所以这可能是问题所在。

【讨论】：

$(document).ready( function() { ... } ); 中的代码在页面完成加载后执行，尽管它位于其中。
我知道，这就是为什么我的答案中出现“或”
他实际上已经在使用 document.ready 函数的快捷方式了。如果一个函数被传递到 jQuery 对象中，它会自动等待，直到文档准备好运行它。 $(function(){ /* 文档准备好了 */ });