日期选择器不起作用

将日期选择器起作用的问题，不太清楚为什么。日期选择器不起作用

<link rel="stylesheet" href="styles/style.css"> 
    <link rel="stylesheet" href="styles/jquery-ui-1.8.17.custom.css"> 
    <!--[if lte IE 7]> 
     <style type="text/css"> 

     </style> 
    <![endif]--> 
    <script src="js/modernizr-2.0.6.js"></script> 
    <script src="js/jquery.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.datepicker.js"></script> 
    <script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 

<p>Date: <input type="text" id="datepicker"></p>

我检查，所有的.js和.css文件被正确链接，但没有任何反应，任何想法？

来源

2012-02-11 user195257

期待权。你在控制台中看到任何js错误吗？ – 2012-02-11 11:52:43

我不确定，但您可以尝试将您的代码放入文档就绪功能。 – 2012-02-11 11:53:45

控制台中是否显示任何错误？ – xdazz 2012-02-11 11:54:43

一些事情是不对您的路线jquery或ui JS没有加载，看到它的工作HERE，检查Firebug控制台或任何其他的JavaScript错误调试工具。尝试使用CDN托管的jQuery和jQuery用户界面，删除

<script src="js/jquery.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.datepicker.js"></script>

，并把这些就地

http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js 
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js

来源

2012-02-11 12:04:53 Rafay

这个作品，谢谢 – user195257 2012-02-11 12:08:50

@ user195257所以它意味着你的javascript文件的路径不正确 – Rafay 2012-02-11 12:09:45

这是应该如何，并确保文件的路由是正确的/现有的。

<head> 
<link rel="stylesheet" href="styles/style.css"> 
    <link rel="stylesheet" href="styles/jquery-ui-1.8.17.custom.css"> 
    <!--[if lte IE 7]> 
     <style type="text/css"> 

     </style> 
    <![endif]--> 
    <script src="js/modernizr-2.0.6.js"></script> 
</head> 
<body> 

    <p>Date: <input type="text" id="datepicker"></p> 

    <script src="js/jquery.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.datepicker.js"></script> 
    <script> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 

</body>

编辑： 退房HTML5的样板：http://html5boilerplate.com/

来源

2012-02-11 11:56:17 Alex

只是问，为什么你在另一个函数中包装$（“#datepicker”）.datepicker（）in ready函数？ – 2012-02-11 11:59:07

大声笑，我只是注意到...现在修复它：D ...感谢您指出 – Alex 2012-02-11 11:59:51

Wc并做得很好。我现在+1。 – 2012-02-11 12:01:04

日期选择器不起作用

回答

相关问题