我如何修复jquery中的datepicker函数?

时间:2012-02-19 05:29:24

标签: jquery html

每当我点击html页面上的文本字段时,它都不会弹出jquery日历日期选择器。我该如何解决?

<html>
<head>
<title>jQuery example</title>
</head>
<body>
<div id="message" style="display: none;">Welcome to my website</div>
<p id="paragraph">This is a paragraph</p>
<input id="date" type="text">


<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/init.js"></script> 
<script type="text/javascript" src="js/hide.js"></script> 
<script type="text/javascript" src="js/datepicker.js"></script> 
</body>
</html>

在datepicker.js中:

$('#date').datepicker({});

1 个答案:

答案 0 :(得分:0)

这是否意味着您修改了datepicket.js以包含您提到的行?如果是这种情况,则datepicker方法运行得太早。 (在完全解析文档之前。)您可以尝试这样做(并删除对datepicker.js的更改):

<html>
<head>
<title>jQuery example</title>
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/init.js"></script> 
<script type="text/javascript" src="js/hide.js"></script> 
<script type="text/javascript" src="js/datepicker.js"></script> 
<script>
    $(function() {
    $( "#date" ).datepicker();
});
</script>
</head>
<body>
<div id="message" style="display: none;">Welcome to my website</div>
<p id="paragraph">This is a paragraph</p>
<input id="date" type="text">


</body>
</html>