Question

我无法让jQuery datepicker工作。我已经关注了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>

感谢您的时间：）

Answer 1

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

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

Answer 2

尝试将标记放在页面底部（在正文标记之后），或者执行此操作

 $(document).ready( function() {

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

 });

在输入（#test_input）标记加载到dom之前解释javascript，这可能是问题所在。

jQuery datepicker不起作用

2 个答案: