Question

在让datepicker工作时遇到问题，不太清楚原因。

<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文件是否正确链接，但没有任何反应，任何想法？

Answer 1

这应该是这样的，并确保文件的路由正确/存在。

<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 Boilerplate：http://html5boilerplate.com/

Answer 2

您的路由有些问题jquery或ui js未加载，请看它工作HERE，检查firebug控制台或任何其他调试工具是否有任何javascript错误。尝试使用cdn托管的jquery和jquery ui，删除

    <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

日期选择器不工作

2 个答案: